jquery 验证 - 尝试验证单选按钮和复选框按钮并使用 ErrorPlacemant 在每个组下方显示错误

Question

新手来了 我正在尝试让单选按钮和复选框按钮进行验证。

错误消息应出现在最后一个单选/复选框组下

单选按钮需要选择 检查按钮需要至少选择一个

--- 在媒体上，因为所有按钮都有一个唯一的 ID，所以我将其视为一个组，但迷失了 addMethod 来验证组。

--- 另外在 errorPlacement 上，如果我没有元素 ID，我该怎么办？

http://jsbin.com/aqekah/14

基本上没问题，但现在我得到了错误的 InValids 数量我的警报

Answer 1

事实上，我们前几天就遇到了这个问题，这就是我解决它的方法：

var validator = $('form#yourID').validate({
        errorPlacement: function (error, element) {
            if (element.is(":radio")) {
                element.closest('.rbl').after(error);
                element.closest('.rbl').addClass('error');
            }
            else if (element.is(":checkbox")) {
                element.closest('.cbl').after(error);
                element.closest('.cbl').addClass('error');
            }
            else { // This is the default behavior of the script
                error.insertAfter(element);
            }
        },
        rules: { ...

其中 .rbl 是一个 标记，看起来像这样，带有以下 css :

<table cellpadding="0" cellspacing="0" class="rbl">
<tr><td><label><input type="radio" name="myradio" value="1"> Radio 1</label></td></tr>
<tr><td><label><input type="radio" name="myradio" value="2"> Radio 2</label></td></tr>
</table>

css：

FORM .rbl
{
    float: left;
}
FORM .rbl TD
{
    padding: 4px 24px 0 0;
}

同样的情况也适用于带有 .cbl 的复选框列表。所有其他非单选和复选框类型将使用标准错误放置。

希望有帮助。