jquery-validate - 需要 jQuery.validate 来阻止 Ajax 表单提交

Question

我正在使用jQuery.validate()在提交之前验证我的表单。现在我使用 Ajax 提交表单，我遇到了一个问题。

注意：我没有使用 jQuery 表单插件。这很清楚:)

jQuery.validate() 被触发，但表单提交也被执行。

在验证器确定之前，我不希望提交表单。关于我如何做到这一点的任何上帝建议？

更新

我找到了答案。我不得不使用 submitHandler。现在我的表单只有在所有必填字段都正确填充的情况下才会提交。

方法如下：

if( jQuery('#my_form').length > 0 ) {
  jQuery("#my_form").validate({
     rules: {
       brand_name: "required",
       brand_email: {email: true },
       brand_description: "required"
     },
       submitHandler: function() { processRegistration(jQuery("#my_form").attr("id"), jQuery("#my_form").serialize());  }
  });  


} 

Answer 1

jQuery('#registrationforms form').submit(function() {
  if (processRegistration(jQuery(this).attr("id"), jQuery(this).serialize())) {
    // do ajax thing
  };
  return false;
});