jquery-validate addMethod -如何应用引用两个文本框的自定义规则？
jquery-validate addMethod -如何应用引用两个文本框的自定义规则？
提问于 2011-11-25 07:43:05
我正在使用jQuery validation plugin，并且我想使用一个自定义方法，该方法在确定情况是否有效时，将输入到两个不同文本框中的两个值考虑在内。
我知道add method并且我找到了一个例子。
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>我还有其他规则可以应用，如下所示：
$("#OPTREASON").rules("add", {
required: true,
min: 0,
messages: {
required: "Required input",
min: "Please select a Reason"
}
});我如何做一些类似的事情来应用所示的示例自定义方法，以便将“TOTAL”检查为“LHSOPERAND”和“RHSOPERAND”之和。
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-11-25 08:24:42
尝试以下操作：
创建规则
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" />初始化验证
$(document).ready(function() {
$("#TOTALSFORM").validate();
});小提琴在这里：http://jsfiddle.net/wTMv3/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8263535
复制相关文章
相似问题