jQuery Validate - puis-je re-valider un groupe de champs après le changement de l'un?

Je suis en utilisant jQuery Valider et tiens à re-valider un groupe de champs, chaque fois que l'un d'eux est changé (ou, éventuellement, à chaque fois que l'un d'entre eux valide avec succès). Mes tentatives jusqu'à présent il suffit de créer une boucle infinie.

Est-ce possible, ou ne le plugin de conception s'y opposent?

(Plus précisément, j'ai une méthode qui nécessite au moins X de groupe Y être remplis, et dès que c'est vrai, j'aimerais que tous les champs pour re-valider. Actuellement, je suis à la compensation de leur des messages d'erreur avec mon propre code, mais c'est un hack - il cache également sans rapport avec les problèmes de validation jusqu'à ce que le formulaire est soumis de nouveau.)

Est-ce avant ou après l'envoi du formulaire?
principalement après, en supposant que la soumission a été bloqué et les erreurs, mais avant serait sympa aussi.
A un lien vers une page d'exemple?

OriginalL'auteur Nathan Long | 2009-09-04

  1. 12

    De la validation de la méthode a un quelques options de soutien à la re-validation du changement, à savoir:

    $(".selector").validate({
  onfocusout: true,
  onkeyup: true,
  onclick: true,
  //The rest of your options
});

    Ces tout par défaut false, mais doit offrir la fonctionnalité que vous mentionnez dans la question.

    Mise à jour sur la base des observations: Donné un simple formulaire de test comme ceci:

    <form action="get">
    <div><input type="text" name="part1" class="part"></div>
    <div><input type="text" name="part2" class="part"></div>
    <div><input type="text" name="part3" class="part"></div>
    <div><input type="text" name="part4" class="part"></div>
    <input type="submit" value="Submit" />
</form>

    Le jQuery serait le suivant:

    jQuery.validator.addMethod("require_from_group", function(value, element, options) {
    var valid = $(options[1], element.form).filter(function() {
        return $(this).val();
    }).length >= options[0];

    if(!$(element).data('reval')) {
        var fields = $(options[1], element.form);
        fields.data('reval', true).valid();
        fields.data('reval', false);
    }
    return valid;
}, jQuery.format("Please fill out at least {0} of these fields."));

$("form").validate({
    rules: {
        part1: { require_from_group: [2,".part"] },
        part2: { require_from_group: [2,".part"] },
        part3: { require_from_group: [2,".part"] },
        part4: { require_from_group: [2,".part"] }
    }
});​

    Vous pouvez jouer avec une démo ici, voir si c'est ce que vous êtes après: http://jsfiddle.net/mhmBs/

    La méthode utilise ici .data() de laisser un élément à ne pas provoquer une boucle infinie. La réelle de l'élément en cours de modification, sur le flou (normal à cause de la validation des déclencheurs) re-valide seulement les autres éléments dans le sélecteur vous avez spécifié dans le groupe, afin de ne pas l'ensemble de la forme comme mon commentaire...c'est seulement le déclenchement sur le nombre minimum d'éléments.

    Chacune de ces options a à voir avec la re-validation du champ en cours. Je suis en train de re-valider les champs liés à l'actuel. En d'autres mots, pour dire "si ce champ passe la validation, de valider les deux autres champs de la même classe" ou quelque chose de similaire.
    Est le déclenchement de la forme complète pour re-valider une option, lors d'un changement de ces champs?
    bien sûr, qui serait à l'œuvre.
    Mise à jour avec ce que j' pense est ce que vous êtes après, laissez-moi savoir si ce n'.
    c'est génial! J'ai ajouté à votre démo pour vérifier que lorsque ce test est réussi, il n'est pas évident de toutes les autres erreurs, telles que " ce doit être un nombre.'

    OriginalL'auteur Nick Craver

  2. 1

    Ne sais pas comment cela fonctionne, mais juste trouvé que la suppression de la en dessous de la partie:

    if(!$(element).data('reval')) {
        var fields = $(options[1], element.form);
        fields.data('reval', true).valid();
        fields.data('reval', false);
}

    de code dans le code principal de faire toutes les validations de travailler comme normal et attendu. 🙂

    OriginalL'auteur Vijay Wadnere