So überprüfen Sie mit dem jQuery Validation Plugin, ob ein Formular programmgesteuert gültig ist

Ich habe ein Formular mit einigen Schaltflächen und verwende das jQuery Validation Plugin von http://jquery.bassistance.de/validate/ . Ich möchte nur wissen, ob es eine Möglichkeit gibt, zu überprüfen, ob das Formular vom JQuery Validation Plugin von einer beliebigen Stelle in meinem Javascript-Code aus als gültig angesehen wird.

Verwendung .valid()aus dem jQuery Validation-Plugin:

$("#form_id").valid();

Überprüft, ob das ausgewählte Formular gültig ist oder ob alle ausgewählten Elemente gültig sind. validate () muss im Formular aufgerufen werden, bevor es mit dieser Methode überprüft wird.

Wo das Formular mit id='form_id'ein Formular ist, das es bereits .validate()aufgerufen hat.

Antwort 2015: In modernen Browsern ist dies sofort einsatzbereit . Verwenden Sie einfach die HTML5 CheckValidity-API von jQuery. Ich habe auch ein jquery-html5-Gültigkeitsmodul erstellt , um dies zu tun:

npm install jquery-html5-validity

Dann:

var $ = require('jquery')
require("jquery-html5-validity")($);

dann kannst du laufen:

$('.some-class').isValid()

true

@ Mikemaccana Antwort ist nützlich.

Und ich habe auch https://github.com/ryanseddon/H5F verwendet . Gefunden auf http://microjs.com . Es ist eine Art Polyfill und Sie können es wie folgt verwenden (jQuery wird im Beispiel verwendet):

if ( $('form')[0].checkValidity() ) {
    // the form is valid
}

valid () Methode.

http://docs.jquery.com/Plugins/Validation/valid

iContribute: Für eine richtige Antwort ist es nie zu spät.

var form = $("form#myForm");
if($('form#myForm > :input[required]:visible').val() != ""){
  form.submit();
}else{
  console.log("Required field missing.");
}

Auf diese Weise erfolgt die grundlegende HTML5-Validierung für 'erforderliche' Felder, ohne die Standardübermittlung unter Verwendung der 'Name'-Werte des Formulars zu beeinträchtigen.

Für eine Gruppe von Eingaben können Sie eine verbesserte Version verwenden, die auf der Antwort von @ mikemaccana basiert

$.fn.isValid = function(){
    var validate = true;
    this.each(function(){
        if(this.checkValidity()==false){
            validate = false;
        }
    });
};

Jetzt können Sie damit überprüfen, ob das Formular gültig ist:

if(!$(".form-control").isValid){
    return;
}

Sie können dieselbe Technik verwenden, um alle Fehlermeldungen abzurufen:

$.fn.getVelidationMessage = function(){
    var message = "";
    var name = "";
    this.each(function(){
        if(this.checkValidity()==false){
            name = ($( "label[for=" + this.id + "] ").html() || this.placeholder || this.name || this.id);
            message = message + name +":"+ (this.validationMessage || 'Invalid value.')+"\n<br>";
        }
    })
    return message;
}

Für Magento überprüfen Sie die Validierung des Formulars wie folgt.

Sie können dies versuchen:

require(["jquery"], function ($) {
    $(document).ready(function () {
        $('#my-button-name').click(function () { // The button type should be "button" and not submit
            if ($('#form-name').valid()) {
                alert("Validation pass");
                return false;
            }else{
                alert("Validation failed");
                return false;
            }
        });
    });
});

Hoffe das kann dir helfen!