Jquery表单验证 - 如果出现错误，请阻止表单提交

Question

我正在使用jquery插件来验证我的表单。如果条件未满足验证，我想阻止用户提交表单。这里是一段代码我在验证

 $(function() { 
     $("#register-form").validate({ 
      rules: { 
       OMNI_FIRSTNAME: { 
        required: true, 
        minlength: 2, 
        maxlength: 50 
       }, 
       OMNI_LASTNAME: { 
        required: true, 
        minlength: 2, 
        maxlength: 50 
       }, 
      messages: { 
       OMNI_FIRSTNAME: "Please enter first name", 
       OMNI_FIRSTNAME: { 
        required: "Please provide firstname", 
        minlength: "Firstname must be at least 2 character long", 
        maxlength: "Firstname reached maximum length of 50 characters long" 
       }, 
       OMNI_LASTNAME: "Please enter last name", 
       OMNI_LASTNAME: { 
        required: "Please provide lastname", 
        minlength: "Lastname must be at least 2 character long", 
        maxlength: "Lastname reached maximum length of 50 characters long" 
       }, 
      submitHandler: function(form) { 
       form.submit(); 
      } 
     }); 
     }); 

每当条件不满足上面的代码输出消息到我的形式使用。我的表单$('#register-form')中有一个提交按钮，用于发布从输入字段（OMNI_FIRSTNAME,OMNI_LASTNAME）输入的数据。我将如何将这两个流程整合为一体？目前，我仍然可以发布不符合我的jQuery验证的数据。

Answer 1

制作按照您的jQuery代码

submitHandler: function(form) { 

    form.preventDefault(); 
    form.submit(); 
}