大佬教程收集整理的这篇文章主要介绍了jQuery在submitHandler中使用AJAX验证,在第二次点击时提交？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我尝试将上面的页面中的javascript放入下面的submitHandler@L_944_4@中
$("#my-form").validate({
submitHandler: function(form) {
**js from other page**
}
});
我的表单在第一次点击时验证.然后,如果我输入输入并提交没有任何反应,我必须再次单击表单以使用AJAX正确提交.下面是一个jsfiddle.任何帮助表示赞赏谢谢.
在触发formm submit事件时调用submitHandler,在您的情况下,而不是提交您正在注册提交处理程序的表单,以便在第一次触发表单提交事件时不提交表单.当第二次触发它时,验证器首先处理提交事件,然后触发你注册的处理程序,触发ajax请求.
在submitHandler中,您只需发送ajax请求就不需要注册事件处理程序
$("#add-form").validate({
submitHandler: function (form) {
// setup some local variables
var $form = $(form);
// let's SELEct and cache all the fields
var $inputs = $form.find("input,SELEct,button,textarea");
// serialize the data in the form
var serializedData = $form.serialize();
// let's disable the inputs for the duration of the ajax request
$inputs.prop("disabled",truE);
// fire off the request to /form.PHP
request = $.ajax({
url: "forms.PHP",type: "post",data: serializedData
});
// callBACk handler that will be called on success
request.done(function (response,textStatus,jqXHR) {
// log a message to the console
console.log("Hooray,it worked!");
alert("success awesome");
$('#add--response').html('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">×</button><strong>Well done!</strong> You successfully read this important alert message.</div>');
});
// callBACk handler that will be called on failure
request.fail(function (jqXHR,errorThrown) {
// log the error to the console
console.error(
"The following error occured: " + textStatus,errorThrown);
});
// callBACk handler that will be called regardless
// if the request Failed or succeeded
request.always(function () {
// reenable the inputs
$inputs.prop("disabled",falsE);
});
}
});
以上是大佬教程为你收集整理的jQuery在submitHandler中使用AJAX验证,在第二次点击时提交？全部内容，希望文章能够帮你解决jQuery在submitHandler中使用AJAX验证,在第二次点击时提交？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。