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);
        }
    }
    ...
});