jQuery valider sur plusieurs champs

J'ai 3 champs de saisie que de demander le nombre de personnes, et combien sont des adultes et de la façon dont bon nombre sont des enfants. Je suis en train d'utiliser jQuery valider plugin pour ajouter une méthode personnalisée où
les enfants + adultes = nombre de personnes

C'est ma validation appel

$("#form2").validate({
    errorElement: "span",
        rules: {
        attendees: {
             required: true,
             digits: true
        },              
        adults: {
             required: true,
             digits: true
        },              
        children: {
             required: true,
             digits: true
        }
    },
    messages: {
        attendees: "Enter the number of persons (including yourself)", 
        adults: "Enter number of adults", 
        children: "Enter number of childern"                
    }               
});

J'ai regardé la fonctionnalité de groupe et addMetod de la valider le plugin, mais il semble qu'il a été conçu avec un seul élément à l'esprit. Des idées ?

Vous pourriez jeter dans un .each() déclaration peut-être?
Je voudrais suggérer, complètement ignorer les participants d'entrée si vous voulez mettre une restriction totale = adultes + enfants. Au lieu de cela, avoir un champ caché "total", la valeur de ce qui devrait être mis à jour pour enfants + adultes juste avant que le formulaire est soumis.

OriginalL'auteur Binaryrespawn | 2013-09-04

  1. 24

    Suivre la documentation pour la création d'une méthode personnalisée/la règle. Ici, j'ai simplement l'appeler totalCheck, mais vous pouvez le nommer comme vous le souhaitez.

    $.validator.addMethod('totalCheck', function(value, element, params) {
    var field_1 = $('input[name="' + params[0] + '"]').val(),
        field_2 = $('input[name="' + params[1] + '"]').val();
    return parseInt(value) === parseInt(field_1) + parseInt(field_2);
}, "Enter the number of persons (including yourself)");

    Il est mis en œuvre comme toute autre règle. Les deux paramètres sont les name attributs des deux autres champs que vous souhaitez vérifier. Depuis cette nouvelle règle dit que le champ doit contenir la somme des deux autres domaines, la required et digits règles sont maintenant redondante et peut être supprimé.

    $("#form2").validate({
    errorElement: "span",
    rules: {
        attendees: {
            totalCheck: ['adults', 'children'] //<-- your custom rule
        },
        adults: {
            required: true,
            digits: true
        },
        children: {
            required: true,
            digits: true
        }
    },
    messages: {
        adults: "Enter number of adults",
        children: "Enter number of childern"
    }
});

    De travail DÉMO: http://jsfiddle.net/hBXL6/

    Merci man ... bon travail
    s'il y a des paramètres de limite pour cette?
    pas de limite sur le nombre de paramètres que je suis au courant.
    est droit de changer adultes/enfants les champs de ne pas re-valider les participants.

    OriginalL'auteur Sparky

  2. 1

    La réponse par Sparky n'est pas complète: le adults et children besoin de re-valider attendees lorsqu'elles sont modifiées.

    Ajouter ceci à la fin:

    $('input[name=adults],input[name=children]').on('change', function(){
  $('input[name=attendees]').removeData("previousValue").valid();
});

    Remarque: bien que je détiens un Doctorat en CS, je n'ai pas les points pas encore de commentaire... c'est pourquoi une nouvelle réponse.

    OriginalL'auteur leobard

  3. -1

    Comme suggéré dans les commentaires ce n'est pas une bonne pratique. Néanmoins, si vous voulez toujours le faire:

    $("#form2").validate({
    errorElement: "span",
        rules: {
        attendees: {
             equal: $("#form2 #adults").val() + $("#form2 #children").val();
        },              
        adults: {
             required: true,
             digits: true
        },              
        children: {
             required: true,
             digits: true
        }
    },
    messages: {
        attendees: "Enter the number of persons (including yourself)", 
        adults: "Enter number of adults", 
        children: "Enter number of childern"                
    }               
});
    Il n'existe pas de méthode ou d'une règle appelée equal.

    OriginalL'auteur Neeraj