我有一个使用 jQuery Validate ( jQuery Validate ) 和 jQuery Form ( jQuery Form ) 的网站。我的问题是,当我在 ajaxSubmit 上使用成功回调时,当在 Validate 上调用成功回调时,会调用 ajaxSubmit 成功回调。
我在此处使用 ajax 表单,并在验证下将 submitHandler 设置为 ajaxSubmit:
/******* Validate Function Options (not complete function) ************/
success: function(label) {
label.addClass("checked");
},
submitHandler: function(form) {
$(form).ajaxSubmit();
}
/******* AjaxForm Options/Initilization ************/
var options = {
target: '#server-response',
success: showResponse,
};
$('#consultation-form').ajaxForm(options);
我的难题是,当验证成功时(在验证时调用成功回调),它也会从 AjaxForm 选项调用成功回调。花了最后一个小时在这里环顾四周,这就是我找到 submitHandler 的方式。
JsFiddle 在这里,由于我的帖子而无法工作,但它是完整的 js 和 html。 http://jsfiddle.net/UUDb6/
感谢您的任何建议。
最佳答案
看起来您可以分别在 jQuery 验证和 ajax 表单的选项中定义自定义 URL。例如:
$("#myform").ajaxForm({
url: "mypage1.php",
type: "POST",
...
});
$("#myform").validate({
url: "mypage2.php",
type: "POST",
...
});
您可以对 $(form).validate(options)
使用类似的选项;
您可以复制 PHP 回调脚本并更改名称,因此验证函数使用一个脚本,而 ajaxSubmit 使用另一个脚本。
关于javascript - jQuery 插件冲突 - 验证和 jQuery 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11618325/