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

Question

我有一个使用 jQuery Validate (jQuery Validate) 和 jQuery Form (jQuery Form) 的网站。我的问题是，当我在 ajaxSubmit 上使用成功回调时，当在 Validate 上调用成功回调时，会调用 ajaxSubmit 成功回调。

我在这里 ajax 表单，并在 Validate 下将 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 回调脚本并更改名称，因此 validate 函数使用一个脚本，而 ajaxSubmit 使用另一个。