Jquery-Formularvalidierung - Formularübermittlung verhindern, wenn ein Fehler vorliegt

Question

Ich verwende ein jquery-Plugin, um mein Formular zu validieren. Ich möchte verhindern, dass der Benutzer das Formular abschickt, wenn Bedingungen vorliegen, die nicht mit der Validierung übereinstimmen. Hier ist ein Stück Code, den ich bei der Validierung verwendet

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

Der obige Code gibt Meldungen zu meiner Form, wenn eine Bedingung nicht erfüllt ist. Ich habe eine Senden-Schaltfläche in meinem Formular $('#register-form'), die die eingegebenen Daten aus den Eingabefeldern (OMNI_FIRSTNAME, OMNI_LASTNAME) sendet. Wie integriere ich die beiden Prozesse in einem? Zur Zeit kann ich noch Daten posten, die nicht meiner jQuery-Validierung entsprechen.

Answer 1

Make folgende Änderungen in Ihrem Code jquery

submitHandler: function(form) { 

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