JQuery验证单选按钮组

Question

我正在使用jquery的验证器插件来验证我的整个表单.我有一组这样的单选按钮:

<div class="radio_options" style="display:none; margin-left:7px;">
    <label><input type="radio" name="options" value="1"> Option1</label>
    <label><input type="radio" name="options" value="2"> Option2</label>
    <label><input type="radio" name="options" value="3"> Option3</label>
</div>

我知道我可以放

class="required"

但它会在选项1旁边显示所需的消息,使其看起来像是需要单选按钮.相反,我想在所有要求至少选择一个的单选按钮上方显示自定义消息.

Answer 1

$(".form").validate({
    ...
    ,errorPlacement: function (error, element) {
        if (element.is("input:radio")) {
            element.parents("div:first").before(error);
        } else {
            element.after(error);
        }
    }
    ...
});