Javascript 两组复选框的警告消息

大家好，我有jQuery代码来验证是否选中了复选框，以及是否显示了警告消息。一切正常。两组不同的复选框有两条消息。此时，这两条消息都显示在最后一个复选框下。我想要的是在“同意”复选框下显示同意消息，并在“选项”复选框组下选择一个选项。这是

下面是一个代码：

$(document).ready(function() {
    var checkboxes = $('.require-one');
    var checkbox_names = $.map(checkboxes, function(e, i) {
        return $(e).attr("name")
    }).join(" ");

    $("#itemForm").validate({
        groups: {
            checks: checkbox_names
        },
        rules: {
            resp01: 'required',
        },
        messages: {
            resp01: {
                required: 'You must agree before submitting!'
            },
        },

        errorPlacement: function(error, element) {
            $('#form_error').append(error);
        },

        submitHandler: function(form) {
            alert('Form Submited');
            return false;
        }

    });
});

$.validator.addMethod('require-one', function(value) {
    if ($('#resp01').is(':checked')) {
        return $('.require-one:checked').size() > 0;
    } else {
        return true;
    }
}, 'Please select one of the options.');

---

感谢您的帮助。

给您。当您在

errorPlacement

功能中时，您可以检查

元素是否具有特定功能。因为在插入错误消息之前，您需要知道哪个元素已经过验证。在本例中，我使用了元素的类


$（文档）.ready（函数（）{
var复选框=$（'.require one'）；
var checkbox_names=$.map（复选框，函数（e，i）{
返回$（e）.attr（“名称”）
}).加入（“”）；
$（“#itemForm”）。验证({
小组：{
复选框：复选框名称
},
规则：{
resp01:'必需'，
},
信息：{
resp01：{
必填项：“提交前您必须同意！”
},
},
errorPlacement:函数（错误，元素）{
if（$（元素）.hasClass（“需要一个”））{
$（“#需要一个错误”）。追加（错误）；
}否则{
$（'#resp error'）。追加（error）；
}
},
submitHandler:函数（表单）{
警报（“提交的表格”）；
返回false；
}
});
});
$.validator.addMethod（'require-one'，函数（值）{
如果（$（'#resp01'）。是（':checked'））{
返回$（'.require-one:checked'）.size（）>0；
}否则{
返回true；
}
}，“请选择其中一个选项。”）
*{
字体系列：Verdana；
字体大小：96%；
}
标签错误{
浮动：无；
颜色：红色；
利润率：0.5em0；
垂直对齐：顶部；
字体大小：10px；
显示：块
}

选择权
opt01


opt02


opt03



同意

您是说要在两个不同的位置显示两条不同的消息，对吗？不太清楚。我想我误解了这个问题是的，没错，两条信息在两个不同的地方。一条消息位于“同意”复选框下，另一条消息位于“选项”复选框组下。我可能问得不清楚。谢谢谢谢你，那正是我想要的！你今天救了我！我很高兴帮助你！