javascript - 如何使用jquery验证器来确定一个字段的值大于另一字段？

Question

我的表单中有两个字段，我想为它们添加一条规则:id2 的值不能小于 id1

 <input type="text" id="id1">
 <input type="text" id="id2">


id1 : {
                number: true,
                min: 0
            }, 
id2 : {
                number: true,
                min: 0
            } 

有没有办法为jquery验证器设置规则？

Answer 1

添加自定义方法:

$.validator.addMethod("greaterThan",
    function (value, element, param) {
          var $otherElement = $(param);
          return parseInt(value, 10) > parseInt($otherElement.val(), 10);
    });
);

上面的代码假设您使用的是整数。如果没有，请将 parseInt 替换为 parseFloat。

然后在您的配置中使用它:

id2: {
    number: true,
    min: 0,
    greaterThan: "#id1"
}