Question

有谁知道如何让错误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>

Answer 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个，其名称为＆＃34;我的选项＆＃34;在继续之前被选中。

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

Answer 2

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

来自我之前的回复：In jsfiddle jquery validate plugin is not firing

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

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

希望演示符合原因:)

Jquery验证无线电类型

2 个答案: