我用jQuery Validation Plugin这个jQuery插件来做前端的验证,最近遇到个问题,一般情况是验证提示信息在控件下方,但用在单选按钮上时,提示信息居然与按钮重叠。想了想,可以这样写,在控件下方位置显示验证提示信息:
// 设置验证
$(“#xxxInfoForm”).validate({
rules: {
name: {
required: true,
maxlength: 10
},
…
},
errorPlacement: function(error, element) {
$('<br/>').appendTo(element.parent()); //在生成提示信息时,换一行。
error.appendTo(element.parent());
}
});
生成的提示信息一般在<label>里 class=“error”,如果觉得默认样式不好看,可以重写error样式。