jQuery自定义验证器

Question

我正在使用jQuery验证插件，并且希望添加一些自定义逻辑。 我有一系列复选框，这些复选框具有与之关联的子级复选框。 对于这些父复选框中的某些（不是全部），我想要求选中其中一个子复选框。 我对此没有硬编码的问题，所以我向DOM中添加了一个像这样的字段：

<input type="hidden" id="child_required_1" class="child_required_1" />

然后添加这样的自定义验证器：

jQuery.validator.addMethod('child_required_1', function(val, element) {
if($('#product_responses_1').length > 0) {
    if($('#product_responses_1').is(':checked')) {
        var count = $("input:checkbox:checked[id^='children_tags_1_']").length;

        if(count == 0) {
            return false;
        }
    }
}

return true;
}, 'You must select at least one child.');

这工作得很好。 但是，当我复制所有这些并添加“ _2”时，似乎只有一个验证器会触发。 因此，据我所知，自定义验证器在每种表单中都是唯一的？ 如果是这样，我应该如何处理这样的情况，其中我可能需要其中15-20个在不同的地方显示？ 我不想只显示一个错误。

我也可以创建一个类规则，但是不能解决创建多个错误标签并将它们放置在相关位置的问题。

Answer 1

显然，将其放在隐藏字段上是行不通的，但是当我删除隐藏字段并将该类应用于实际的复选框本身时，它就可以正常工作。 不确定原因。