jQuery Validation Plugin验证信息显示位置问题

我用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样式。