文档章节

js生效后页面自动刷新的问题(js控制button,生效效果闪一下消失)解决

刘昌鑫
 刘昌鑫
发布于 2016/06/21 23:17
字数 333
阅读 38
收藏 0
点赞 0
评论 0

    今天工作中需要用到js点击Edit按钮时把按钮变为submit,并且页面中asp.net控件改为可编辑状态(页面加载默认只读)。

    遇到问题:点击Edit时,按钮闪了一下submit,页面可编辑闪了一下,又恢复了加载页面的默认只读状态。

    问题原因:调试js找到原因是js执行结束后页面重新加载了一遍,导致js效果看起来闪了一下又失效了。<button type="submit" ></button>没注意这个type=submit, submit会默认提交数据,重新加载页面。

   解决方法:把type=“submit”改为type=“button”即可。

 

1.按钮代码

<button type="submit" id="EditOrSub" class="btn btn-success">Edit</button>

2.js

<script type="text/javascript">
            $("#EditOrSub").click(function () {
                if ($("#EditOrSub").val() == "Edit") {
                    $("#EditOrSub").val("Submit");
                    $(":input").attr("readonly", false);
                    $("#listEdit").hide();

                }
                else if ($("#EditOrSub").val() == "Submit") {
                    //此处不展示了,省略
                }
            });
</script>

3.问题解决

 

 

<button type="button" id="EditOrSub" class="btn btn-success">Edit</button>

 

 

 

以前经常用<input type="button"/>  很少用<button></button>所以没注意到。。随笔记下,希望遇到同样问题的朋友能看到,

© 著作权归作者所有

共有 人打赏支持
刘昌鑫
粉丝 6
博文 73
码字总数 20757
作品 0
海淀
后端工程师
webpack4.x 入门一篇足矣

前言: webpack4出了以后,一些插件变化很大,和之前的版本使用方式不一样,新手入坑,本篇将介绍如何从一开始配置webpack4的开发版本,对css,js进行编译打包合并生成md5,CSS中的图片处理,...

eternalless
06/22
0
0
用JS去掉IE窗口的标题栏、工具栏、导航栏等。

前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息 、警告、欢迎光顾之类的话或者作者想...

donny945
2014/03/31
0
0
JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统、详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还...

码上中国博客
2015/04/22
0
0
Google Chrome调试js代码

你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这两种土办法确实解决了很多...

君子之耀
2013/11/18
0
1
JAVASCRIPT_a href=#与 a href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javas......

喵王不瞌睡
2014/04/05
0
0
window.location 与window.open区别

1.window.location是window对象的属性,而window.open是window对象的方法 window.location是你对当前浏览器窗口的URL地址对象的参考! window.open是用来打开一个新窗口的函数! 2.window.o...

一枚Sir
2014/06/12
0
0
eclipse中启动spring-mvc项目时无法加载静态文件的问题分析

问题表现: eclipse里使用spring-mvc框架开发web项目,项目正常启动后能访问jsp页面,但jsp页面的网页效果没有生效,并提示jsp文件里提示js找不到,404错误。 (1)初步判断: 在浏览器里deb...

lilugoodjob
07/02
0
0
JavaScript的初步探索(JS的入坑笔录)

Java script简称js,是web学习的一个重要组成部分。 首先,Js是什么?JS简介: 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 它是一种浏览...

青衫无名
06/01
0
0
Javascript 返回上一页 返回下一页

Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的U...

Fx_demon
2014/12/31
0
0
常见的JavaScript错误

常见的JavaScript错误 作者: Richardy, 出处:IT专家网, 责任编辑: 包春林, 2009-05-14 04:00 当我们初次尝试在Web页面上运行JavaScript时,有可能代码不会按照设想的那样工作。这时候我们往往...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

前端基础

1. get请求传参长度的误区 误区:我们经常说get请求参数的大小存在限制,而post请求的参数大小是无限制的。 实际上HTTP 协议从未规定 GET/POST 的请求长度限制是多少。对get请求参数的限制是...

wenxingjun
今天
0
0
Android 复制和粘贴功能

做了一回搬运工,原文地址:https://blog.csdn.net/kennethyo/article/details/76602765 Android 复制和粘贴功能,需要调用系统服务ClipboardManager来实现。 ClipboardManager mClipboardM...

她叫我小渝
今天
0
0
拦截SQLSERVER的SSL加密通道替换传输过程中的用户名密码实现运维审计(一)

工作准备 •一台SQLSERVER 2005/SQLSERVER 2008服务 •SQLSERVER jdbc驱动程序 •Java开发环境eclipse + jdk1.8 •java反编译工具JD-Core 反编译JDBC分析SQLSERVER客户端与服务器通信原理 SQ...

紅顏為君笑
今天
6
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
今天
0
0
linux mint 1.9 qq 安装

转: https://www.jianshu.com/p/cdc3d03c144d 1. 下载 qq 轻聊版,可在百度搜索后下载 QQ7.9Light.exe 2. 去wine的官网(https://wiki.winehq.org/Ubuntu) 安装 wine . 提醒网页可以切换成中...

Canaan_
今天
0
0
PHP后台运行命令并管理运行程序

php后台运行命令并管理后台运行程序 class ProcessModel{ private $pid; private $command; private $resultToFile = ''; public function __construct($cl=false){......

colin_86
今天
1
0
数据结构与算法4

在此程序中,HighArray类中的find()方法用数据项的值作为参数传递,它的返回值决定是否找到此数据项。 insert()方法向数组下一个空位置放置一个新的数据项。一个名为nElems的字段跟踪记录着...

沉迷于编程的小菜菜
今天
1
1
fiddler安装和基本使用以及代理设置

项目需求 由于开发过程中客户端和服务器数据交互非常频繁,有时候服务端需要知道客户端调用接口传了哪些参数过来,这个时候就需要一个工具可以监听这些接口请求参数,已经接口的响应的数据,这种...

银装素裹
今天
0
0
Python分析《我不是药神》豆瓣评论

读取 Mongo 中的短评数据,进行中文分词 对分词结果取 Top50 生成词云 生成词云效果 看来网上关于 我不是药神 vs 达拉斯 的争论很热啊。关于词频统计就这些,代码中也会完成一些其它的分析任...

猫咪编程
今天
0
0
虚拟机怎么安装vmware tools

https://blog.csdn.net/tjcwt2011/article/details/72638977

AndyZhouX
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部