comment vérifier si un formulaire est valide par programme à l'aide du plug-in de validation jQuery

J'ai un formulaire avec quelques boutons et j'utilise jQuery Validation Plugin de http://jquery.bassistance.de/validate/ . Je veux juste savoir s'il existe un moyen de vérifier si le formulaire est considéré comme valide par le plugin de validation jquery de n'importe où dans mon code javascript.

Utilisation à .valid()partir du plugin jQuery Validation:

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

Vérifie si le formulaire sélectionné est valide ou si tous les éléments sélectionnés sont valides. validate () doit être appelé sur le formulaire avant de le vérifier en utilisant cette méthode.

Où le formulaire avec id='form_id'est un formulaire qui l'a déjà fait .validate()appel.

Réponse de 2015: nous l'avons prêt à l'emploi sur les navigateurs modernes, utilisez simplement l' API HTML5 CheckValidity de jQuery. J'ai également créé un module de validité jquery-html5 pour ce faire:

npm install jquery-html5-validity

Ensuite:

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

alors vous pouvez exécuter:

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

true

La réponse @mikemaccana est utile.

Et j'ai également utilisé https://github.com/ryanseddon/H5F . Trouvé sur http://microjs.com . C'est une sorte de polyfill et vous pouvez l'utiliser comme suit (jQuery est utilisé dans l'exemple):

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

méthode valid ().

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

iContribute: il n'est jamais trop tard pour une bonne réponse.

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

De cette façon, la validation HTML5 de base pour les champs «obligatoires» a lieu sans interférer avec la soumission standard en utilisant les valeurs «nom» du formulaire.

Pour un groupe d'entrées, vous pouvez utiliser une version améliorée basée sur la réponse de @ mikemaccana

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

vous pouvez maintenant l'utiliser pour vérifier si le formulaire est valide:

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

Vous pouvez utiliser la même technique pour obtenir tous les messages d'erreur:

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

Pour Magento, vous vérifiez la validation du formulaire par quelque chose comme ci-dessous.

Vous pouvez essayer ceci:

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;
            }
        });
    });
});

J'espère que cela peut vous aider!