javascript - jQuery Validate 插件：至少 1 个复选框，多个组，使用 data-foo 而不是 class 或 id？

Question

情况：页面上有多个表单，每个表单中有多组复选框。复选框看起来像：

<input type="checkbox" class="styled" id="$opt" name="$ID.$opt[]" value="$opt" >

由于不相关但干扰的因素，我无法更改或添加到类或 id。我发现了这个难题的其他部分，但不确定如何使用它们，尤其是考虑到我想验证每个表单的多组复选框。

我试过这个

jQuery.validator.addMethod('validate-checkbox-oneormore', function (value) {
    return jQuery('.require-one:checked').size() != 0; }, 'need a value');

我把它放在实际的插件脚本下，就在文件中。在我验证的大部分时间里，我都会使用这个功能，所以它也可能是插件的一部分。

如何使用数据属性运行此验证？

Answer 1

你是这个意思吗：

return jQuery('[data-foo=bar]:checked').size() != 0;

见小提琴

更新：

您还需要一条规则，说明“checkone”方法应该在某个表单字段上运行：

$(function() {
    $("#form1").validate();
    $("#form1 input[data-foo=bar]").rules("add", {
        checkone: true
    });
});​

查看我对您的小提琴的更新