所需的 jQuery（依赖表达式）无法正常工作

Question

我正在使用 jquery validation 插件。当我使用 required(dependency-expression) 我注意到 required( dependency-expression ) 无法正常工作。如前所述，我尝试过

$("#flight_availability").validate({
    rules: { 
       Trip: { required: true },
       DepartDate: { required : "#OneTrip:checked" },
       Origin: { required:"#OriginId:blank" }
    },
});

在上面提到的代码中，代码DepartDate: { required : "#OneTrip:checked" }, 工作正常，但Origin: { required:"#OriginId:blank" } 不起作用。

代码有什么问题？我用萤火虫。它没有显示任何错误。甚至也使用了验证调试选项，但是:(

Answer 1

根据 OP 的 cmets：

“即使 OriginId 为空（空白），它也会验证它为真”

是的，这正是你的编程方式。

Origin: {
    required: "#OriginId:blank"
}

上面的代码是说Origin字段只有required当#OriginId字段留空时。使用#OriginId:filled，此逻辑表示如果#OriginId 已填写，则Origin 字段必须保持为空。如果这不完全正确，则可以改用:blank 选择器。

http://jsfiddle.net/xMAs5/

如果您想要相反的行为，请改用:filled 选择器。

Origin: {
    required: "#OriginId:filled"
}

http://jsfiddle.net/xMAs5/1/

---

否则，这是一个使用名为 empty 的自定义方法的演示，该方法根据您的评论起作用：“因此，如果 OriginId 为空，则意味着 Origin 值（任何内容）均无效。”

$(document).ready(function () {

    $.validator.addMethod('empty', function (value, element) {
        return (value === '');
    }, "This field must remain empty!");

    $("#flight_availability").validate({
        rules: {
            Trip: {
                required: true
            },
            DepartDate: {
                required: "#OneTrip:checked"
            },
            Origin: {
                empty: {
                    depends: function (element) {
                        return $("#OriginId").is(":blank")
                    }
                }
            }
        }
    });

});

演示：http://jsfiddle.net/Ab8bT/

Answer 2

可能是 jQuery puesdo 选择器尝试使用 :empty 而不是 :blank。