jQuery Validierung ohne Formular-Tag

Question

ich eine „Form“ mit vielen Eingängen haben und an der Submit-Button ich eine Javascript-Funktion aufrufen, die die Informationen und senden von Ajax zu einer PHP-Datei manipulieren ..

kann ich ein Formular hinzufügen Tag ohne eine Aktions-URL, um mein "Formular" mit der JQuery-Validierung zu validieren? Oder muss ich die Validierung manuell machen?

Danke!

Answer 1

„Ich habe eine‚Form‘mit vielen Eingängen und an dem Submit-Button nenne ich ein JavaScript-Funktion, die die Informationen und sendet von Ajax zu einer PHP- Datei manipulieren“

Es ist absolut erforderlich, dass Sie <form></form> Tags für das jQuery Validate-Plugin ordnungsgemäß oder überhaupt funktionieren.

Wenn Sie ajax verwenden, müssen Sie put your ajax inside the submitHandler of the jQuery Validate plugin. Siehe unten für mein Beispiel.

"Ich kann ein Formular-Tag ohne eine Aktions-URL hinzufügen, um meine" Form "mit der Jquery-Validierung zu validieren?"

Ja, Sie können die action entfernen oder blockieren und trotzdem jQuery Validate verwenden.

Siehe Demo: http://jsfiddle.net/NEPsc/3/

Setzen Sie Ihre ajax und ein return false im submitHandler und keine regelmäßige Vorlage auftreten:

$(document).ready(function() { 

    $('#myform').validate({ // initialize plugin 
     // your rules & options, 
     submitHandler: function(form) { 
      // your ajax would go here 
      return false; // blocks regular submit since you have ajax 
     } 
    }); 

}); 

---

EDIT:

Wie pro Anmerkungen der OP , um eine input type="button" anstelle einerzu verwendenmüssen Sie einen click-Handler verwenden. Es ist kein Inline-JavaScript erforderlich. Entfernen Sie die onClick Funktion vollständig.

aktualisiert Demo Siehe: http://jsfiddle.net/NEPsc/5/