validate.js使用技巧

valedate.js插件

1、valedate默认点击submit按钮提交form，可以将提交绑定给a标签。

　　<a href="#" class="sub-btn" id="sub-btn" onclick='$("#ssss").click()'>登录</a>
　　<input type='submit' style='display:none' id='ssss' />

2、自定义验证，addMethod中如果用ajax方法，要async同步。

　　例如：

 

$.validator.addMethod("phoneNumHasReg", function (value, element) {
　　var bool = true;
　　var uPhone = $("#phoneNum").val();
　　$.ajax({
　　　　url:"../../user.json",
　　　　async:false,
　　　　success:function(e){
　　　　　　for (var i in e.phoneNum) {
　　　　　　if(uPhone == e.phoneNum[i]){
　　　　　　　　bool = false;
　　　　　　}
　　　　}
　　}
})
return this.optional(element) || bool;
}, "该手机号已被注册，请更换，或<a href='register.html' class = 'errorHasReg'>立即登陆</a>?");

3、错误提示

　　如果是input标签，默认会在后面加：

<label id="username-error" class="error" for="username" style="display: none;"></label>

 

　　所以：　a、可以用.error{}更改样式。

　　　　　　b、还可以把label换成别的标签：errorElement: "p", //p标签显示错误提示信息

　　　　　　c、通过验证后

 success: function(label) {//label指向上面那个错误提示信息标签p
　 label.text(" ") //清空错误提示消息
　.addClass("success"); //加上自定义的success类
}

 

 

---

 

中文 API 链接：http://www.360doc.com/content/10/1220/16/2371584_79803527.shtml

博客链接：

jquery.validate 自定义验证方法 addMethod

封装jQuery Validate扩展验证方法

jquery validate使用说明

http://www.cnblogs.com/si-shaohua/p/3780321.html