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

来源：懂视网责编：小采时间：2020-11-27 20:47:46

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

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

推荐度：

点击下载本文 文档为doc格式

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

由于在项目中应用了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();
}
})
});