JQuery中的條件規則驗證

Question

我正在使用JQuery驗證 。 現在我希望僅在滿足某些條件時才調用我的規則，即我想要$("#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扼流圈）