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

Question

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

我在这里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);

我的两难境地是，当验证成功时(在验证时调用success回调)，它也会从AjaxForm选项调用success回调。我花了一个小时在这里四处寻找，这就是我找到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使用另一个脚本。