Jquery验证无线电类型

是否有人知道如何使无线电字段类型正确地显示在error div中？现在，它根本不起作用

<script src="http://jquery.bassistance.de/validate/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/lib/jquery.metadata.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js" type="text/javascript"></script>

  <style type="text/css">
    div.error { height: 15px; overflow: hidden; }
    .cmxform p.error label { color: #FFFF00; font-size: 13px; }
    label.error, label.error { color: #FFFF00; font-size: 13px; }
    div.container { display: none }
    .container label.error { display: inline; }
    form.cmxform label.error { display: block; width: auto; }
  </style>

<script type="text/javascript">
$.validator.setDefaults({
    submitHandler: function() {
        alert("submitted!");
    }
});

$().ready(function() {
    $("#form1").validate({
        errorLabelContainer: $("#form1 div.error")
    });
    var container = $('div.container');
});
</script>

div.error{高度：15px；溢出：隐藏；}
.cmxform p.error标签{颜色：#FFFF00；字体大小：13px；}
label.error，label.error{颜色：#FFFF00；字体大小：13px；}
div.container{display:none}
.container label.error{display:inline；}
form.cmxform label.error{显示：块；宽度：自动；}
$.validator.setDefaults({
submitHandler:function（）{
警报（“已提交！”）；
}
});
$（）.ready（函数（））{
$（“#表格1”）。验证({
errorLabelContainer:$（“#form1 div.error”）
});
var container=$（'div.container'）；
});

形式

对
不

您只需将无线电机的一个成员设置为所需，jquery将处理其余成员：

<input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
<input type="radio" name="myoptions" value="red"> Red<br />
<input type="radio" name="myoptions" value="green"> Green

Blue

红色

绿色

以上要求在继续之前，至少选择3个无线电选项中的1个，并选择“我的选项”名称

顺便说一句，Mahes的标签建议非常有效

这可能很方便：

从我之前的一个回复中得出：

我还发现这非常方便：

文档

希望演示符合原因

：）

<input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
<input type="radio" name="myoptions" value="red"> Red<br />
<input type="radio" name="myoptions" value="green"> Green