文档章节

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

刘昌鑫
 刘昌鑫
发布于 2016/06/21 23:17
字数 333
阅读 45
收藏 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>所以没注意到。。随笔记下,希望遇到同样问题的朋友能看到,

© 著作权归作者所有

共有 人打赏支持
刘昌鑫
粉丝 7
博文 77
码字总数 23700
作品 0
海淀
后端工程师
私信 提问
弹出窗口大全

【1、最基本的弹出窗口代码】 其实代码非常简单: 因为着是一段javascripts代码,所以它们应该放在 之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出...

晨曦之光
2012/03/09
107
0
《JavaScript实用效果整理》系列分享专栏

整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 《JavaScript实用效果整理》已整理成PDF文档,点击可直接下载至本地查阅...

开元中国2015
2018/10/29
0
0
再记录下jfinal发布到tomcat后的路径问题

使用jetty测试一切正常,发布到tomcat根目录以外的地方就路径不对,已经有现成的解决方法,我只是再提一下: JFinalConfig里使用: public void configHandler(Handlers me) { me.add(new Con...

ohaozy
2015/04/29
634
2
用JS去掉IE窗口的标题栏、工具栏、导航栏等。

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

donny945
2014/03/31
0
0
微信小程序-01-项目组成文件介绍(入门篇)

自古开篇先说两句,写这些笔记不是学习用的,主要是后续分享一些遇到的坑,碰到过什么样的问题,怎么去解决,如果你不是一个很耐心无看文章的人,建议去 网易云课堂找一些课程,跟着别人的脚...

肖朋伟
2018/09/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

MaxCompute安全管理指南-案例篇

通过《MaxCompute安全管理-基础篇》了解到MaxCompute和DataWorks的相关安全模型、两个产品安全方面的关联,以及各种安全操作后,本篇主要给出一些安全管理案例,给安全管理的成员作为参考。 ...

zhaowei121
1分钟前
0
0
B站智能防挡弹幕的一种python实现

某天代码写得老眼昏花,去B站上摸鱼,突然发现奇怪的现象: 哟呵,B站竟然做了视频前景提取,把弹幕藏到画面人物的后面。识别效果还意外地不错呢。 然后又翻了下,发现这是个叫做“智能防挡弹...

crossin
8分钟前
0
0
TortoiseSVN 使用教程

TortoiseSVN 使用教程 TortoiseSVN 是 Subversion 版本控制系统的一个免费开源客户端,可以超越时间的管理文件和目录。 TortoiseSVN 安装 下载地址:https://tortoisesvn.net/downloads.htm...

linjin200
11分钟前
0
0
使用应用程序(Java/Python)访问MaxCompute Lightning进行数据开发

MaxCompute Lightning是MaxCompute产品的交互式查询服务,支持以PostgreSQL协议及语法连接访问Maxcompute项目,让您使用熟悉的工具以标准 SQL查询分析MaxCompute项目中的数据,快速获取查询结...

阿里云云栖社区
12分钟前
0
0
条形码控件TBarCode SDK系列教程十二(网络应用程序问题解答)

TBarCode SDK是一款可以在任意应用程序和打印机下生成和打印所有条码的条码软件组件。TBarCode SDK对于Microsoft Office用户以及软件开发者提供条码打印。使用此款条码软件组件您可以以完美效...

ymy_666666
13分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部