jquery.validate.js的错误信息显示位置

问题描述：



如图所示，
这里的代码是:

	<tr>
					<td width="30%" class="rightTd">请输入用户密码:</td>
					<td width="30%"><sf:password path="password" size="30"  /> 
					</td>
					<td width="40%">
					1<sf:errors cssClass="errorContainer" path="password" />
					</td>
					</tr>

原本是想让错误信息显示到第三个td的， 结果却显示成上面那样。



======================

后来发现， 原来是我使用了jquery.validate, 其实上面的代码在提交表单的时候会被后台返回， 这时候是正常显示的。
问题就出在jquery.validate.js, 这里的错误显示信息是由它生生成的。

======================


在网上查了一下，最后找到了解决办法：

http://www.iteye.com/problems/85374

var __validate = $.fn.validate;
	$.fn.cmsvalidate = function(opts) {
		var __defaultOpts = {
			errorPlacement:function(error,element){
				//console.log(element.parent().next().html());
				//console.log(error);
				error.appendTo(element.parent().next());
			}	
			,	
				
			rules : {
				username : "required",
				roleType : "required",
				password : {
					required : true,
					minlength : 3
				},
				confirmPwd : {
					equalTo : "#password"
				},
				email : "email",
				name : "required"
			},

			messages : {
				username : "用户名不能为空",
				roleType : "必须选择角色类型",
				password : {
					required : "密码不能为空",
					minlength : "长度不能少于3个字符"
				},
				confirmPwd : "密码必须一致",
				email : "邮箱格式不正确",
				name : "名称不能为空"

			}
		};

		$.extend($.fn.validate.prototype, __defaultOpts);
		__validate.call(this, __defaultOpts);

	};