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

时间:2009-09-25 08:47:02

标签: jquery-validate

我正在使用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());  }
  });  


} 

1 个答案:

答案 0 :(得分:1)

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