jquery-plugins - jQuery - 为什么 ajaxForm 绕过验证过程？

Question

我有以下代码片段:

$(document).ready(function () {
      // bind 'regFormBody' and provide a simple callback function
      $('#regFormBody').ajaxForm(function() { 
          alert("Thank you for your comment!"); 
      }); 

      // validate the #regFormBody form when it is submitted
      $("#regFormBody").validate({
        submitHandler: function(form) { 
          alert('form is submitted');
        },        
        rules: {
          ...
        },
        messages: {
          ...
        }
      });
}      

问题是我添加后

    // bind 'regFormBody' and provide a simple callback function
    $('#regFormBody').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
    }); 

表单验证根本不起作用。即使没有在表单中输入任何信息，我总是会看到消息警报(“表单已提交”)。

你能告诉我如何解决这个问题吗？

谢谢

Answer 1

您可以扩展您的options object for .ajaxForm() ，像这样:

$('#regFormBody').ajaxForm({
  beforeSubmit: function() {
    return $('#regFormBody').valid();
  },
  success: function() { 
    alert('Thanks for your comment!'); 
  } 
});

这将在提交之前启动验证，如果不是 .valid()它会阻止提交按照您想要的方式发生。