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> 

相关推荐

Web全栈笔记 / 0评论 2020-06-15