jquery validate ajax 验证
adgjlxxx 2015-07-22
$(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){
returntrue;
}else{
returnfalse;
}
},"telphonenumberlike021-1234567");
jQuery.validator.addMethod("phonesame",function(value,element){//用jqueryajax的方法验证电话是不是已存在
varflag=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){
returnfalse;
}else{
returntrue;
}
},"sorrynumberhavebeenexist");
$("#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")
returntrue;
else
returnfalse;
}
}
},
telphone:{
required:true,
rangelength:[11,11],
phonecheck:true,
phonesame:true
}
},
messages:{
telphone:{
required:"Pleaseenteryourphone",
rangelength:"phonemustbe11numbers"
},
username:{
required:"Pleaseenteryourusername",
remote:"theusernamehavebeenexist"
}
},
debug:true
})
});
</script>