jquery-validate – addMethod – 如何应用自定义规则引用两个文本框？

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

我知道添加方法 ，我找到了一个例子……

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}")); 

…引用了两个元素，但我不清楚如何编写一个可以使用这种方法的规则？

为了更容易讨论想象我想要使用这个示例方法，我有一个看起来像这样的表单..

 
 Input 1 
  
 End 
  End 
   

我有其他规则我这样申请：

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

我如何做类似的事情来应用所示的示例自定义方法，以便’TOTAL’被检查为’LHSOPERAND’和’RHSOPERAND’的总和。

Answer 1

请尝试以下方法：

创建规则

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

输入

初始validation

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

在这里小提琴： http ： //jsfiddle.net/wTMv3/