jquery-valider - addMethod - comment appliquer la coutume de la règle de référencement de deux zones de texte?

Je suis en utilisant le plugin jQuery validation et je veux utiliser une méthode personnalisée qui prend deux valeurs saisies dans deux zones de texte en compte au moment de décider si la situation est valide.

Je sais à propos de ajouter une méthode et j'ai trouvé un exemple ...

jQuery.validator.addMethod("math", function(value, element, params) { 
 return this.optional(element) || value == params[0] + params[1]; 
}, jQuery.format("Please enter the correct value for {0} + {1}"));

... qui fait référence à deux éléments, mais je ne suis pas clair comment écrire une règle qui permettrait de faire usage d'une méthode comme cela ?

Pour le rendre plus facile pour discuter imaginer que je veux faire de l'utilisation de cet exemple de cette méthode et j'ai un formulaire qui ressemble à ceci ..

<form id="TOTALSFORM" name="TOTALSFORM">
    <label for="LHSOPERAND">Input 1</label>
    <br />
    <input type="text" name="LHSOPERAND" id="LHSOPERAND" class="required" />
    <br />
    <label for="RHSOPERAND">End</label>
    <br />
    <input type="text" name="RHSOPERAND" id="RHSOPERAND" class="required" />
    <label for="TOTAL">End</label>
    <br />
    <input type="text" name="TOTAL" id="TOTAL" class="required" />
</form>

J'ai d'autres règles que j'applique comme ceci :

$("#OPTREASON").rules("add", {
    required: true,
    min: 0,
    messages: {
        required: "Required input",
        min: "Please select a Reason"
    }
});

Comment puis-je faire quelque chose de similaire à appliquer la méthode personnalisée exemple montré que "TOTAL" est sélectionnée comme étant la somme du LHSOPERAND " et "RHSOPERAND'.

OriginalL'auteur shearichard | 2011-11-24

  1. 36

    Essayez ce qui suit:

    Créer la Règle

    jQuery.validator.addMethod("checkTotal",function(value) {
    total = parseFloat($('#LHSOPERAND').val()) + parseFloat($('#RHSOPERAND').val());
    return total == parseFloat($('#TOTAL').val());
}, "Amounts do not add up!");

jQuery.validator.classRuleSettings.checkTotal = { checkTotal: true };

    Entrée

    <input type="text" name="TOTAL" id="TOTAL" class="required checkTotal" />

    Init Validation

    $(document).ready(function() {
    $("#TOTALSFORM").validate();
});

    Violon ici: http://jsfiddle.net/wTMv3/

    Ce que je voulais. Merci beaucoup.
    Merci pour cette réponse complète. Juste pour compléter un peu plus: jQuery.validator.classRuleSettings.className = { methodName: true };
    que faire si je veux ajouter deux méthodes simultanément?

    OriginalL'auteur dSquared