wie Sie mit dem jQuery Validation Plugin prüfen, ob ein Formular programmatisch gültig ist

Ich habe eine form mit ein paar buttons und Im mit jQuery Validation Plugin von http://jquery.bassistance.de/validate/und ich möchte nur wissen, ob es eine Möglichkeit gibt kann ich überprüfen, ob das Formular ist als im gültigen Zustand von jquery validation plugin von irgendwo in meinem javascript-code.

InformationsquelleAutor der Frage Jaime Hablutzel | 2011-07-12

  1. 93

    Verwenden .valid():

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

    Prüft, ob die ausgewählte form gültig ist, oder ob alle ausgewählten
    Elemente gültig sind. validate() muss aufgerufen werden, auf die form vor
    prüfen Sie es mit dieser Methode.

    Wo die form mit id='form_id' ist eine form, die schon .validate() genannt.

    InformationsquelleAutor der Antwort Andrew Whitaker

  2. 29

    2015 Antwort: wir haben diese aus der box auf modernen Browsern, verwenden Sie einfach die HTML5 CheckValidity-API von jQuery. Ich habe aber auch einen jquery-html5-Gültigkeit-Modul um dies zu tun:

    npm install jquery-html5-validity

    Dann:

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

    dann können Sie ausführen:

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

true

    InformationsquelleAutor der Antwort mikemaccana

  4. 2

    @mikemaccana Antwort ist hilfreich.

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

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

    InformationsquelleAutor der Antwort antongorodezkiy

  5. 1

    iContribute: Es ist nie zu spät für eine richtige Antwort.

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

    Diese Weise die grundlegenden HTML5 validation für "notwendig" Felder erfolgt, ohne sich mit der standard-submit-mithilfe des Formulars "name" Werte.

    InformationsquelleAutor der Antwort juan.benavides

  6. 1

    Für eine Gruppe von Eingaben, die Sie verwenden können, eine verbesserte version basiert in @mikemaccana Antwort

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

    nun können Sie diese verwenden, um zu überprüfen, ob das Formular gültig ist: 

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

    Könnten Sie nutzen die gleiche Technik, um alle Fehlermeldungen:

    $.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;
}

    InformationsquelleAutor der Antwort Matias Medina

  7. 0

    Für Magento, die Sie überprüfen Validierung der form von so etwas wie unten.

    Können Sie versuchen, diese: 

    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!

    InformationsquelleAutor der Antwort Kazim Noorani

Schreibe einen Kommentar