Jquery Validation插件如何防止重复提交表单
本文导语: 问题： 在使用Jquery Validation插件进行表单验证时，即使有表单验证，当快速点击两下“提交”按钮，系统会产生两条相同的记录。 解决办法： 在Validation验证完毕后，提交form，然后禁止按钮。 1，js代码部分 代码示例: func...
问题：
在使用Jquery Validation插件进行表单验证时，即使有表单验证，当快速点击两下“提交”按钮，系统会产生两条相同的记录。
解决办法：
在Validation验证完毕后，提交form，然后禁止按钮。
1，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(/blog_article/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(/blog_article/12501270608.gif)';
}
2，前端页面部分
解决：
提交按钮完成，Validation插件的Form验证后禁止按钮，提交Form。
js代码：
$("#myForm").validate({
submitHandler: function(form) {
$(form).find(":submit").attr("disabled", true).attr("value",
"Submitting...");
form.submit();
}
})
});
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。