jquery禁用submit按钮 防止重复

Js代码

function disabledButton() {
 $("input[@type='submit']").each(function () {
   $(this).bind("click", function () {
   $(this).attr("disabled", true);
   $(this).parents().filter("form").trigger("submit");
 });
 });
}

var initFun = window.onload;
if (initFun == null) {
 window.onload = disabledButton;
} else {
 window.onload = function () {
 initFun();
 disabledButton();
 };
}

生成js文件,页面加载就可以了.用submit 按钮生效

时间: 2024-10-28 14:47:43

jquery禁用submit按钮 防止重复的相关文章

jquery点击按钮后变灰实现程序代码

下面是我以前用的一个js倒计时的效果,也是点击之后60秒之内不可再点击效果.  代码如下 复制代码 <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" value="免费获取验证码" /> <script

asp.net关于WEB端用户重复提交问题。禁用服务器控件按钮问题。

之前也经常遇到这种问题.但是没有去刻意研究并解决.也知道有很多解决方案.但是都没有去亲自实现.直到现在工作中出现这个棘手问题,才去寻找各种解决方案并研究. 还好网上有很多前辈的经验.现在问题算是解决了.因此做个笔记以防后面还会遇到此种问题.虽然这个解决方法不一定很好,但是还是可以实现的. 点击一个按钮,只让此按钮的事件执行一次,防止用户多次点击,造成多次提交数据.因为此事件的方法执行需要一段时间,如果多次点击会出现连接超时的情况.我的解决方案是点击之后禁用这个按钮,执行完方法后启用.本以为直接设

禁用提交按钮并使用GIF动画沙漏图标给出提示

随着各行各业"被互联网"的现象出现,互联网在http://www.aliyun.com/zixun/aggregation/32533.html">我们的生活中变的无处不在,作为数据信息收集的表单是其中一个不可或缺的角色.当页面向服务器提交数 据时,如果数据在后台处理需要花费一定的时间才能完成,那么在前端页面停留的这段时间用户的感觉会是乏味的,碰到性急的使用者,甚至避免不了提交按钮被其一次又一次的点击,这样不仅降低了用户的体验效果,更重要的是影响到了系统的性能和稳定性.

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

 这篇文章主要介绍了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法,涉及jQuery中val与attr方法的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <body>

透明显示-jquery.jqgrid 为什么按钮是透明的 (翻页,查询,刷新都是)但功能都可以实现

问题描述 jquery.jqgrid 为什么按钮是透明的 (翻页,查询,刷新都是)但功能都可以实现 $("#Statistics_Info").jqGrid({ url : '../apply_Statistics_info.do', datatype : "json", mtype : 'POST', height : '400', width : '1065', scrollOffset:0,//垂直滚动条宽 shrinkToFit: false, hidegr

jquery怎样实现移除重复运行后台

问题描述 jquery怎样实现移除重复运行后台 在jquery树形菜单的某一文本框中进行了连续几次的修改,但我只想在后台执行最后一次,用jquery怎样实现. 解决方案 做个更新按钮,点击了再更新,要不谁知道哪个是要的更新结果呢? 解决方案二: 哲学问题 你能确定我这次是最后一次回答你 方案一 让我告诉你 这次是我最后一次回答你 方案二 我过了一段时间不再次回答你 你就认为我是最后一次回答你

jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击_jquery

本文实例介绍了四种jquery禁用多种功能的方法 1.禁用F5刷新jQuery实例代码F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能. 代码如下: $(document).ready(function(){ $(document).bind("keydown",function(e){ var e=window.event||e; if(e.keyCode==116){ e.keyCode = 0; return false; } }) })

JQuery实现的按钮倒计时效果_jquery

本文实例讲述了JQuery实现的按钮倒计时效果.分享给大家供大家参考,具体如下: 一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下: <html> <head> <title>test count down button</title> <script src="jquery1.8.3.min.js" type="text/javascript"></script&g

JS和jQuery使用submit方法无法提交表单的原因分析及解决办法_javascript技巧

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个