如何使用条件的JQuery验证插件?

时间:2011-07-21 17:27:47

标签: jquery validation

我正在使用JQuery验证插件来验证我的表单。

我的顶部有一个单选按钮。如果选择“是”,则会显示一些输入字段。如果选择“否”,将使用不同的输入字段。

如何更改验证码,因此它将根据单选按钮验证这些字段。如果可以,请告诉我一些示例代码。

1 个答案:

答案 0 :(得分:1)

如果你只是担心required字段,这很简单。您可以为required规则提供依赖项:

$("#test").validate({
    rules: {
        Yes1: {
            required: "#yes:checked"
        },
        Yes2: {
            required: "#yes:checked"
        },
        No1: {
            required: "#no:checked"
        },
        No2: {
            required: "#no:checked"
        }
    }
});

示例: http://jsfiddle.net/andrewwhitaker/7SYcE/

现在,如果您使用其他规则,这会变得更加复杂。如果这对你来说不够强大,我会扩展我的答案。