我用jQuery Validation Plugin这个jQuery插件来做前端的验证,
最近遇到个问题,就是验证提示信息总是在控件的后面显示,把外面DIV撑大了,样子很不好看。
?
可以这样写,在控件下方位置显示验证提示信息:
?
// 设置验证
$("#xxxInfoForm").validate({
rules: {
name: {
required: true,
maxlength: 10
},
...
},
errorPlacement: function(error, element) {
$('<br/>').appendTo(element.parent());
error.appendTo(element.parent());
}
});
?