Form nicht immer zusammen mit jQuery Validierung

Ich habe ein kleines problem, während die Verwendung von jQuery validation plugin in auf meinem .net/MVC-Projekten:
Die Validierung in der Regel funktioniert alles schön und gut, die Frage stellt sich zur Zeit der Abgabe:
Ich will Formular nicht eingereicht werden, wenn es irgendwelche Fehler bei der Validierung im es und für das ich set debug:true;

Aber nachdem Sie es auf true, wenn der submit-button nicht mehr reagiert, selbst wenn alles in Ordnung ist, d.h. kein Fehler bei der Validierung, nichts, nur passiert beim Klick auf den submit-button. Und wenn Sie es aus der debug:stimmt es das Formular sendet, selbst wenn es Fehler bei der Validierung in es.
Ich will eine Lösung für dieses problem, den mittleren Weg, also:
Beim Klick auf "senden", wenn dort Fehler sind es nicht, übermittelt das Formular und zeigt Fehler
Und wenn keine Fehler vorhanden sind, dann ist es einfach nur reicht Sie.

Help plz .. Danke!

    <script type="text/javascript">
      $(document).ready(function() {
$("#productSubmit").validate( {
  debug : true, rules : {
     prdctttle : {
        maxlength : 50, 
        required : true, 
        onlyChars : true }
     , prdctdscrptn : {
        maxlength : 250, 
        required : true, 
        onlyChars : true }
    }
  , messages : {
     }
  }
); 
}
); 
$.validator.addMethod('onlyChars', function (value) {
return /^[a-zA-Z ,-!]+$/.test(value); }, 'Please enter a valid name with only alphabets');
   $("#productSubmit").validate( {
  submitHandler : function(form) {
     if ($(form).valid()) form.submit(); return false; //prevent normal form posting
     }
  }
);
</script>
InformationsquelleAutor Maven | 2011-10-27
  1. 11

    Ändern Sie Ihre Letzte Zeile zu überprüfen, ob das Formular gültig ist, bevor Sie Einreichen:

    $("#productSubmit").validate({ 
    submitHandler: function(form) {  
                           if ($(form).valid()) 
                               form.submit(); 
                           return false; //prevent normal form posting
                    }
 });

    EDIT: ich vergaß hinzuzufügen, das "return false;" Linie zu stoppen das Formular Absenden, werden normalerweise (so ist es nur passiert, wenn die Validierung geht).

    • ich habe die Liste die Zeile mit dem code, aber jetzt ist die ganze Validierung Skript hat aufgehört zu arbeiten.. und wenn ich auf "Absenden" klicken ohne Eingabe nethng seinen jst erfrischend und wenn ich nach dem Absenden korrekt ausfüllen alle Informationen. die browser geben "This web page is not available" Fehler
    • Verdammt, ich hatte das Gefühl, dass passieren könnte. Versuchen Sie, meine aktualisierte code.
    • noch vor einigen weired Verhalten, Jetzt, wenn ich versuche, die Einreichung eines leeren Formen es gibt feine Fehler bei der Validierung von 'Dieses Feld ist erforderlich', aber nachdem ich den Bogen ausgefüllt und versuchen Absenden die Absenden-Schaltfläche wird irresponsive wie vorher. plus seine nicht erneute überprüfung der für die Validierung onchange-der seinen Wert wie vorher.. :s
    • Ich habe aktualisiert, der code in meinem post.. incase gibt es einige syntax Fehler, in der es jetzt..
    InformationsquelleAutor GregL
  2. 3

    GregL s Antwort ist korrekt für die meisten Teil.

    Was letztlich habe dies richtig funktioniert war für mich auch der Zusatz:

    onsubmit: false

    Endgültige code:

    $("#productSubmit").validate({ 
 onsubmit: false,
 submitHandler: function(form) {  
   if ($(form).valid())
   {
       form.submit(); 
   }
   return false; //prevent normal form posting
 }
});

    Diese überschreibt die Standard-submit-Verhalten, und Griffe, die abschließende überprüfung und Einreichung innerhalb der submitHandler.

    InformationsquelleAutor PenguinOfwar
Schreibe einen Kommentar