jQuery 验证小于

Question

我正在尝试写一个Less than jQuery 的验证器。

我想将一个文本框与另一个文本框进行比较，所以如果我有:

<input type="text" id="value1" /> <input type="text" id="value2" />

我想要我的validator看起来像

$('#myForm').validate({rules: { value1: { lessThan: "#value2" } } });

我已经尝试过这个，但我无法让它工作:

$.validator.addMethod('lessThan', function(value, element, param) {
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i >= j;
}, "Less Than");

另一个问题是我应该将该代码放在哪里？在 $(document).ready或者只是在 <script>标签？

Answer 1

我是个白痴。我在实际代码中犯了一些拼写错误，并且弄乱了我在很多验证器方法中看到的 this.Optional(element) 。这是工作函数:

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    if (this.optional(element)) return true;
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i <= j;
}, "The value {0} must be less than {1}");

这是精简版

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    return this.optional(element) || parseInt(value) <= parseInt($(param).val());
}, "The value {0} must be less than {1}");

现在我需要弄清楚当我更改字段 2 时如何重新运行字段 1 的验证。