javascript - 如何使用 jQuery Validator 比较两个字段

Question

我想通过将一个与另一个进行比较来验证 2 个输入字段，并确保第二个大于第一个。

我需要添加自定义方法还是可以只在范围方法中使用变量名？如果是这样，你能指出语法吗？

var validateSection = function (theForm) {
$(theForm).validate({
    rules: {
        startPoint: {
            required: true,
            range: [0, 100]
        },
        endPoint: {
            required: true,
            range: [startPoint + 1, 100] //Is this possible if I set the function to run on any change to either field?
        },
}
});

if ($(theForm).valid()) {
    return true;
}
else {
    return false;
}
}

使用自定义方法的代码:

$.validator.addMethod("endGreaterThanBegin", function(value, element) {
    return endPoint > startPoint
}, "* End Point Should be Greater than Start");

var validateSection = function (theForm) {
    $(theForm).validate({
        rules: {
            startPoint: {
                required: true,
                range: [0, 100]
            },
            endPoint: {
                required: true,
                range: [1, 100],
                endGreaterThanBegin: true
            },
        }
    });
    if ($(theForm).valid()) {
        return true;
    }
    else {
        return false;
    }
}

得到$.validator is undefined before I get to form，然后validateSection is not a function when I start testing input fields

Answer 1

需要加一个custom validate method

原型(prototype) -

$.validator.addMethod("endate_greater_startdate", function(value, element) {
    return enddate > startdate
}, "* Enddate should be greater than Startdate");

验证 -

endate_greater_startdate : true

检查 Demo ，作为不同的示例，但将有助于调试。