JQuery验证消息在两个单选按钮之间出现奇怪
SHE*_*K A 9 html javascript validation jquery radio-button
我正在使用JQuery Validation插件来验证我的表单.除单选按钮之外的所有字段的验证消息都显示在相应字段下方.但是对于单选按钮,消息显示在前两个单选按钮之间.
gender : {
required : true
}
<html:radio property="gender" value="1"
name="formBean" styleId="gender"> Male </html:radio>
<html:radio property="gender" value="0"
name="formBean" styleId="gender"> Female </html:radio>
有无法在单选按钮之后或之下显示错误消息吗？
提前致谢.
<html>
<body>
<style>
.errorMsq {
color: red;
}
</style>
<form>
<div>
<input type="radio" name="gender" value="male">male
<input type="radio" name="gender" value="female">female
</div>
<br>
<button type="button">check</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<script>
$('form').validate({
rules: {
gender: {required: true},
},
errorPlacement: function(label, element) {
label.addClass('errorMsq');
element.parent().append(label);
},
});
$('button').click(function () {
$('form').valid();
});
</script>
</body>
</html>
结果应该是这样的：
