0

有谁知道如何让无线电字段类型验证正确显示在错误 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>

形式

<form method="post" class="cmxform" id="form1" action="">
    <div class="error"></div>
        <input class="inputxt {required:true,minlength:3}" title="fill-in all fields" name="name" />
        <input type="radio" name="website" value="Yes" validate="required" /> YES 
        <input type="radio" name="website" value="No" /> NO
</form>
4

2 回答 2

1

您所要做的就是将无线电组的成员之一设置为必需的，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

以上将需要在继续之前选择带有“我的选项”名称的 3 个单选选项中的至少 1 个。

Mahes 的标签建议，顺便说一句，效果很好！

于 2012-08-26T06:20:28.807 回答
1

这可能会派上用场：http: //jsfiddle.net/kDyRm/

从我以前的回复中得到它：在 jsfiddle jquery 验证插件没有触发

还发现这很方便：http: //jsfiddle.net/Bd688/7/

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 文档 http://docs.jquery.com/Plugins/Validation

希望演示适合原因:)

于 2012-08-26T07:21:15.720 回答