jquery验证-addMethod-如何应用引用两个文本框的自定义规则?

jquery验证-addMethod-如何应用引用两个文本框的自定义规则?,jquery,jquery-validate,Jquery,Jquery Validate,我正在使用,我想使用一个自定义方法,在决定情况是否有效时,将两个输入到两个不同文本框中的值考虑在内 我知道,我发现了一个例子 jQuery.validator.addMethod("math", function(value, element, params) { return this.optional(element) || value == params[0] + params[1]; }, jQuery.format("Please enter the correct value

我正在使用,我想使用一个自定义方法,在决定情况是否有效时,将两个输入到两个不同文本框中的值考虑在内

我知道,我发现了一个例子

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}"));
。。。其中引用了两个元素,但我不清楚如何编写一个规则来使用这样的方法

为了便于讨论,假设我想使用这个示例方法,我得到了一个如下的表单

<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>
如何执行类似的操作来应用所示的示例自定义方法,以便将“TOTAL”检查为“LHSOPERAND”和“RHSOPERAND”之和。

请尝试以下操作:

创建规则

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 };
输入

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

在这里拉小提琴:

正是我想要的。非常感谢。谢谢你这么完整的回答。只需完成多一点:
jQuery.validator.classRuleSettings.className={methodName:true}如果我想同时添加两个这样的方法怎么办?
<input type="text" name="TOTAL" id="TOTAL" class="required checkTotal" />
$(document).ready(function() {
    $("#TOTALSFORM").validate();
});