Jquery Validation插件防止重复提交表单的解决方法


Posted in Javascript onMarch 05, 2010

由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。
CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码。代码如下:
js:
代码

function disableBtn(btnID, newText) { 
Page_IsValid = null; 
if (typeof (Page_ClientValidate) == 'function') { 
Page_ClientValidate(); 
} 
var btn = document.getElementById(btnID); 
var isValidationOk = Page_IsValid; 
if (isValidationOk !== null) { 
if (isValidationOk) { 
btn.disabled = true; 
btn.value = newText; 
btn.style.background = "url(12501270608.gif)"; 
} 
else { 
btn.disabled = false; 
} 
} 
else { 
setTimeout("setImage('"+btnID+"')", 10); 
btn.disabled = true; 
btn.value = newText; 
} 
} 
function setImage(btnID) { 
var btn = document.getElementById(btnID); 
btn.style.background = 'url(12501270608.gif)'; 
}

前端页面代码:
代码
<asp:button id="btnOne" tabIndex="0" Runat="server" Text="Submit" 
onclick="btnOne_Click" 
OnClientClick="disableBtn(this.id, 'Submitting...')" 
UseSubmitBehavior="false" />

好了,以下代码可以解决提交按钮完成Validation插件的Form验证后禁止按钮,提交Form:
js:
代码
$(document).ready(function() { 
$("#myForm").validate({ 
submitHandler: function(form) { 
$(form).find(":submit").attr("disabled", true).attr("value", 
"Submitting..."); 
form.submit(); 
} 
}) 
});
Javascript 相关文章推荐
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
javascript中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
js清理Word格式示例代码
Feb 13 Javascript
Javascript冒泡排序算法详解
Dec 03 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
详解Angular路由之路由守卫
May 10 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
Oct 30 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 #Javascript
ExtJs扩展之GroupPropertyGrid代码
Mar 05 #Javascript
js 获取服务器控件值的代码
Mar 05 #Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 #Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 #Javascript
ExtJS 工具栏 分页事件参数
Mar 05 #Javascript
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 #Javascript
You might like
用PHP发电子邮件
2006/10/09 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
深入解析php之apc
2013/05/15 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
2018/01/02 jQuery
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python比较两个图片相似度的方法
2015/03/13 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
Python列表list排列组合操作示例
2018/12/18 Python
详解Python传入参数的几种方法
2019/05/16 Python
Python库安装速度过慢解决方案
2020/07/14 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
python 如何上传包到pypi
2020/12/24 Python
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
好的自荐信的要求
2013/10/30 职场文书
小学教师的自我评价范例
2013/10/31 职场文书
物业管理员岗位职责范文
2013/11/25 职场文书
大学生村官典型材料
2014/01/12 职场文书
评职称个人总结
2015/03/05 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
采购员工作总结范文
2015/08/12 职场文书
导游词之杭州西湖
2019/09/19 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis