JQuery de Validation: la Validation des champs cachés

Depuis la version de JQuery Validation Plugin version 1.9.0, les champs masqués ont automatiquement été omis de la validation [source].

Selon la notes de version, le moyen de contourner ce problème est par la mise en ignore: [] dans la fonction de validation.

L'aide de la version 1.10.0, je n'arrive pas à obtenir que cela fonctionne pour les champs de saisie qui sont cachés à l'aide de display: none ou visibility: hidden.

Ma validation se fait à l'aide de classes (par exemple, class="required") et la fonction de validation est assez basique:

JQuery

$("form").validate({
    ignore: [],  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

exemple: http://jsfiddle.net/fbCVY/

Quelqu'un peut-il point où je vais mal?

Quand je lance le jsfiddle dans Firefox 17.0.1, le submit bouton affiche toujours "pas d'erreur" dans la console, même après le retrait de la CSS qui cache les champs de saisie. Ai-je raté quelque chose, ou est le jsfiddle pas vraiment mis en place à l'échec de la validation?

OriginalL'auteur My Head Hurts | 2012-12-19

  1. 6

    Je pense que vous devez fournir à la fois unique id et unique name attribut pour chaque input balises afin que la validation plugin peut trouver les champs et peut les distinguer. Les deux "caché" champs ne sont pas à défaut de validation, car le premier champ du formulaire de passe, et le résultat est utilisé pour les deux autres champs.

    Ici est un travail jsfiddle
    +1 super - semble un peu étrange qu'ils sont tributaires de l'ids. Merci pour la solution!
    c'est juste le nom des entrées besoin

    OriginalL'auteur TLS

  2. 2

    Essayer avec des règles:

    $("form").validate({
    ignore: "",
    rules: {
        name: ["aa", "ee"]
    },  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

    Jsfiddle

    Salutations.

    Merci - il n'est pas réellement les règles que j'ai besoin, j'ai été l'omission de la name attribut qui a été à l'origine du problème (si votre jsfiddle fonctionne, mais c'est parce que vous avez ajouté le name attribut de l'entrée, plutôt que de devoir les règles): jsfiddle.net/fbCVY/14
    Ok, l'attribut "nom" de résoudre ce.

    OriginalL'auteur MG_Bautista