JQuery Formularvalidierung

Question

Nun mein Problem ist, dass ich ein Formular habe, das ich die Felder mit jQuery validieren möchte, wenn die Daten korrekt sind, lasse ich die Übermittlung fortsetzen, wenn nein, deaktiviere ich das Standardverhalten durch Rückgabe von false (saw dass in einem Tutorial, here).
so wie ich sagte die jquery Syntax, wenn das Dokument bereit ist, ich für das Click-Ereignis der Schaltfläche registriert, das Problem ist, dass Code nie ausgeführt wird. Ich habe Firebug benutzt, aber keine Ahnung. nichts passiert, so ist hier mein Code:

$('#submitBtn').click(function() 
{ 
    var password1 = $('#form_password').val(); 
    var password2 = $('#form_password2').val(); 
    if(password1 != password2) 
    { 
     alert("the two passwords are not equal."); 
    } 
    return false; //to disable the default behavior of the submit btn 
}); 

Answer 1

Der richtige Weg, um eine Form Einreichung der Überprüfung ist die Form der submit Ereignis zu überprüfen, nicht die click Ereignis der Schaltfläche. Ändere das um und was du hast, sollte funktionieren, obwohl es gerade jetzt return false; tut, also würde das Formular niemals gesendet werden. Dies sollte es tun:

$('#myform').submit(function() { 
     var motPasse1 = $('#form_motPasse').val(); 
     var motPasse2 = $('#form_motPasse2').val(); 
     if(motPasse1 != motPasse2){ 
      alert("Les deux mot de passe ne sont pas identiques"); 
      return false; // cancel form submission if passwords don't match 
     } 
     return true; // return true if no errors 
}); 

Schließlich hoffe ich Sie nicht die alert es für Produktionszwecke zu halten. :) Es gibt viel, viel bessere Möglichkeiten, Benutzerbenachrichtigungen anzuzeigen als eine Warnung. Check out this question für einige Vorschläge, obwohl etwas so einfach wie ein Fehler <div> und verblassen es ist schöner als die hässliche Standard-Browser-Alarm-Box.

Answer 2

Ihr Problem ist, dass Sie immer falsch zurückkehren es wie folgt aussehen:

$('#envoyerButton').click(function() 
{ 
     var motPasse1 = $('#form_motPasse').val(); 
     var motPasse2 = $('#form_motPasse2').val(); 
     if(motPasse1 != motPasse2) 
     { 
       alert("Les deux mot de passe ne sont pas identiques"); 
       return false; 
     } 
     return true; 
}); 

Answer 3

Da Sie sagten, Sie ein Formular verwenden, können Sie auf die submit des Formulars Ereignis binden könnte:

$('form#id').submit(function(){ 
    // your validation code 
}); 

Answer 4

Sie sollten sich die JQuery Validation Plugin ansehen. Es wird von einem der Mitglieder des JQuery-Teams verwaltet und vereinfacht die Validierung der clientseitigen Formulare.