javascript - jQuery 插件冲突 - 验证和 jQuery 表单

Question

我有一个使用 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/

感谢您的任何建议。

Answer 1

看起来您可以分别在 jQuery 验证和 ajax 表单的选项中定义自定义 URL。例如:

$("#myform").ajaxForm({
   url: "mypage1.php",
   type: "POST",
   ...
 });

$("#myform").validate({
   url: "mypage2.php",
   type: "POST",
   ...
 });

您可以对 $(form).validate(options) 使用类似的选项；

您可以复制 PHP 回调脚本并更改名称，因此验证函数使用一个脚本，而 ajaxSubmit 使用另一个脚本。