jquery validate ajax 验证重复的2种方法

jquery validate 经过这种多年的改良，已经很完善了。它能满足80%的验证需要，如果validate自带的功能，不能满足我们需求，它提供了addMethod来扩展功能。下面就举个小例子来说明一下addMethod的用法。先看一下：demo

简单说一下js代码，详细一点的看上面例子源码：

查看复制打印?

$(document).ready(function(){

jQuery.validator.addMethod("phonecheck", function(value, element) {   //添加一个phonecheck方法，来自定义check规则
string = value.match(/0(\d{2,2})-(\d{7,7})/ig);
if(string != null){
return true;
}else{
return false;
}
}, "telphone number like 021-1234567");

jQuery.validator.addMethod("phonesame", function(value, element) {    //用jquery ajax的方法验证电话是不是已存在
var flag = 1;
$.ajax({
type:"POST",
url:'tel.php',
async:false,                                             //同步方法，如果用异步的话，flag永远为1
data:{'tel':value},
success: function(msg){
if(msg == 'yes'){
flag = 0;
}
}
});

if(flag == 0){
return false;
}else{
return true;
}

}, "sorry number have been exist");

$("#myform").validate({
errorPlacement: function(error, element) {
error.insertAfter(element);
},
rules:{
username:{
required:true,
remote:{                         //自带远程验证存在的方法
url:"tel.php",
type:"post",
dataType:"html",
data:{
username:function(){return $("#username").val();}
},
dataFilter: function(data, type) {
if (data == "yes")
return true;
else
return false;
}
}
},
telphone:{
required:true,
rangelength:[11,11],
phonecheck:true,
phonesame:true
}
},
messages:{
telphone:{
required:"Please enter your phone",
rangelength:"phone must be 11 numbers"
},
username:{
required:"Please enter your username",
remote:"the username have been exist"
}
},
debug:true
})
});
</script>

在这里推荐大家使用jquery validate，用熟了，很方便。