jQuery Validation Plugin ，在控件下方位置显示验证提示信息

我用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());
		}
	});