jQuery Validation plugin-Validierung-Formular auf den button klicken

Also ich habe ein sieben-Teil-form, bei der sechs Registerkarten ausgeblendet werden via CSS und wenn ein Benutzer klickt neben einem anderen Teil blendet.

Habe ich die Seite gesendet, um sicherzustellen, dass das plugin arbeitet; es ist.
Im wesentlichen sein nur geht, um den nächsten Teil der form ohne Validierung der aktuelle Teil

Als Beispiel

HTML

<form id = "form1" action = "backend.php" method = "post">
<label for "phone">First Name </label>
    <input type = "text" name = "fName" placeholder = "First Name..." class = "required" id = "fName" />
<button id = "btn" type = "button" class = "buttonnav next">next</button>
</form>

Javascript 

$('#btn').click( function() { $("#form1").validate();});
  • Verwenden Sie die jQuery Validate plugin? Das wäre etwas zu erwähnen.
InformationsquelleAutor Art Taylor | 2013-03-15
  1. 20

    Wenn Sie die jQuery Validierung plugin, mit dem code, wird über das plugin erst initialisiert, nachdem die Schaltfläche geklickt wird. Wenn das plugin wird nicht initialisiert, dann gibt es keine Validierung.

    $('#btn').click( function() { $("#form1").validate();});

    Statt, .validate() wird aufgerufen, sobald auf den DOM fertig zu initialisieren das plugin auf das Formular.

    Wenn Sie wollen test form jederzeit nach der Initialisierung ist, verwenden Sie die .valid() Methode.

    $(document).ready(function () {

    $('#form1').validate({ //initialize plugin
        //your options
    });

    $('#btn').click( function() { 
        $("#form1").valid();  //test the form for validity
    });

});

    Ich habe keine Ahnung, wie Sie sich eingerichtet haben, jedes Teil miteinander interagieren oder welche anderen code verwendet wird. Basierend auf Ihren OP allein, hier ist ein funktionierendes Beispiel mit meiner Antwort oben.

    DEMO: http://jsfiddle.net/pqVJM/

    $(document).ready(function () {

    $('#form1').validate();

    $('#btn').click(function () {
        if ($("#form1").valid()) {
            alert('hello - valid form');
        }
    });

});
    • Sorry, ich bin mit dem validation plugin. Ich bearbeitete mein Skript zu diesem; leider bin ich noch immer zu dem gleichen Ergebnis wie zuvor. Weiß nicht, ob das hilft oder nicht(oder zeigt meine Unwissenheit...), habe ich versucht if ($("#form1").valid() == true){alert("Hallo");} innerhalb der click-handler, um zu sehen, ob alles durchging, und war immer konstant "Hallo"
    • Ich habe keine Ahnung, wo sonst wirst du falsch... Sie haben nicht gezeigt, genug code in Ihrem OP.
    • Siehe meine bearbeitete Antwort. Mit meiner Antwort, angewendet werden, ist Ihr code arbeiten: jsfiddle.net/pqVJM
    • Danke für deinen input, ich habe es an diesem morgen. Ich bin wirklich dankbar für die Hilfe Jungs.
    InformationsquelleAutor Sparky
Schreibe einen Kommentar