Validieren Sie das Formular vor dem Senden von jquery

Question

Ich habe ein HTML-Formular. Ich validiere mein Formular mit jquery.validate.js und es funktioniert bei Submit-Ereignis. Ich möchte dieses Formular validieren, bevor Sie entlassen werden.

Wie pro meine R & D Ich habe versucht:

$('#my-form').on('before-submit',function(){ 
    alert('Before submit performed'); 
}); 

I Form einfach validieren möchten, bevor Ereignis Brennen einreichen. Kann mir jemand sagen, wie man das macht?

Vielen Dank,

M

Answer 1

Sie können das Standard jQuery-Plugin Verhalten nachahmen wie folgt:

Prüfe, ob die form gültig ist; wenn nicht die Standardaktion verhindert auftretende mit preventDefault():

$(document) 
.on('click', 'form button[type=submit]', function(e) { 
    var isValid = $(e.target).parents('form').isValid(); 
    if(!isValid) { 
     e.preventDefault(); //prevent the default action 
    } 
}); 

EDIT: kommt dies in praktisch, wenn Sie Ihren Validierungstest das heißt für die Feinabstimmung wollen bedingt einige Steuerelemente zu validieren.