Проверка формы 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(); 
}