您好,欢迎访问一九零五行业门户网

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

由于在项目中应用了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)';
}
前端页面代码:
代码
复制代码 代码如下:
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();
}
})
});
其它类似信息

推荐信息