jquery - 检查子 div 是否有类的自定义方法 - jquery validate

Question

我整天都在与自定义验证作斗争，我认为是时候寻求帮助了。

当您将用户添加到事件时，我构建的是一个类似于 facebook 的选择用户界面。我正在尝试构建一个函数，如果未选择任何用户，该函数将返回错误。我遇到的问题是父 div 需要像表单元素一样对待，但我可以找到有关如何做到这一点的任何信息。

在制作 JSfiddle 时，我又想到了另一个想法。我将用户 ID 存储在一个数组中。也许验证可以检查一个空数组？我也不确定该怎么做，或者哪​​种方式最理想..

这是一个可以玩的 fiddle : http://jsfiddle.net/7neCU/1/

这是我到目前为止尝试过的方法。

    $.validator.addMethod('require-one-div', function (element) {
        if ($('#trainees').children('.each_user').hasClass('selected'))
            return true;
        }, "Please select at least 1 trainee");

规则

    rules: {
            trainees:{
                'require-one-div':true
            },
        }

我还为父 div #trainees 提供了名称和 ID“trainees”以及所需的类别。

感谢您的任何建议或想法。

Answer 1

jQuery Validate 不支持 section 上的规则。它是一个表单插件。因此，您必须使用 input、textarea、select。

正如评论中所建议的，您可能需要一些东西:

1. 制作一个隐藏的复选框组或单选框组
2. 将您个人资料的点击 Hook 到每个复选框或单选框
3. 对此调用验证，但确保指定 ignore: ''，否则验证将忽略任何隐藏的表单字段。