使用jQuery Validation检查已选中的复选框

Question

我的表单中有一个输入类型的复选框，我想使用jQuery验证：http://docs.jquery.com/Plugins/Validation

我在我的十几种其他形式上工作正常，但这些形式都没有复选框。如何检查以确保使用此插件检查复选框？

目前我有这样的话：

...
termsConditions: {
    required: true
}
...

<input type="checkbox" id="termsConditions" name="termsConditions"/> I agree to the <a href="terms">terms and conditions</a>
<label style="float: none;" for="termsConditions" class="error" generated="true"></label>

当我尝试验证它时没有任何反应。有什么帮助吗？

Answer 1

使用"required"

$("#signupForm").validate({
    rules:{
        termsConditions : "required"
    }
});

或者您只需将类"required"添加到复选框即可。

<input type="checkbox" id="termsConditions" class="required" name="termsConditions"/>

Example on jsfiddle

Answer 2

另一个可能的原因可能是复选框字段不可见。任何隐藏的输入都会跳过验证。

如果您希望它验证隐藏字段，您可以将忽略选项设置为ignore: 'hidden'以外的其他选项。

$('#form').validate({
    ignore: []
});