对jquery.validate 的一些感悟

errorClass : "prompt_text",
errorElement : "div",
errorPlacement : function(error, element) {
element.parent().find("span").remove();
element.parent().append("<span class='icon error'></span>");
error.appendTo(element.parent());
},
success: function(element) {
element.removeClass("prompt_text");
element.parent().find("span").remove();
element.parent().append("<span class='icon correct'></span>");
}

代码的效果：

验证错误时添加span标签（class=error）,成功时添加span标签(class=correct)

注意：

验证成功时必须加上element.removeClass(“prompt_text”); 不然jquery.validate在后面不会执行errorPlacement里面的方法。

rules : {
username : {
required : true,
remote : {
type : "post",
url : "/company/checkUsername",
data : {username:function(){ return $("#username").val();}}
}
}
}

上述代码的效果：

通过链接来验证username

注意：

data里面的参数的值必须用方法来返回，不能直接用$(“#username”).val()获取