jquery - JQuery 中的条件规则验证

Question

我正在使用JQuery Validation 。现在我希望仅在满足特定条件时才调用我的规则，即我希望 $("#AppSelectField").is(':hidden') 返回 false，然后我才会调用规则。

我的规则如下:

$(function() {
    $("#RequestLock").validate({
        rules: {
        FloorNum:{
        required: true,
        digits: true
        },


    },
    message: {
     FloorNum: "The floor number must be integer",

},

});
});

如何修改以上部分以满足我的需求？ 注意，我不想为 required 和 digits 编写自己的自定义方法。

Answer 1

这应该可以做到:

$(function() {
    var checkIfFieldVisible = function() {
        return !$("#AppSelectField").is(':hidden');
    };

    $("#RequestLock").validate({
        rules: {
            FloorNum: {
                required: { depends: checkIfFieldVisible },
                digits: { depends: checkIfFieldVisible }
            }, // <-- EXTRA COMMA
        },
        message: {
            FloorNum: "The floor number must be integer",
        }, // <-- EXTRA COMMA
    });
});

(我在代码中标记了一些额外的逗号，因为它们会让 IE 窒息)