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

我有以下代码片段：

$(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!"); 
    }); 

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

你能告诉我怎么解决这个问题吗

谢谢

您可以像这样扩展您的应用程序：

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

---

这将在提交前启动验证，如果不是，则将阻止您希望的提交操作。

如果您交换顺序并先运行

。validate（）

会发生什么情况？请发布一个实时示例，供我们使用进行测试。。。