200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > Jquery Validation插件防止重复提交表单的解决方法

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

时间:2019-04-05 17:51:37

相关推荐

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

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注可以让你学习更多的好东西,下面为大家推荐Jquery Validation插件防止重复提交表单的解决方法,赶紧看过来吧!

由于在项目中应用了JqueryValidation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。

CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码。代码如下:

js:

代码

代码如下:

function disableBtn(btnID, newText) {

Page_IsValid = null;

if (typeof (Page_ClientValidate) == function) {

Page_ClientValidate();

}

var btn = ();

var isValidationOk = Page_IsValid;

if (isValidationOk !== null) {

if (isValidationOk) {

= true;

= newText;

= "url(12501270608.gif)";

}

else {

= false;

}

}

else {

setTimeout("setImage(\"+btnID+")", 10);

= true;

= newText;

}

}

function setImage(btnID) {

var btn = ();

= url(12501270608.gif);

}

前端页面代码:

代码

代码如下:

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...");

();

}

})

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。