在进行用户从注册的时候,进场需要校验email或username是否被注册,这时候需要ajax验证,但是ajax验证无法返回回调函数的值到外部的校验方法,如
function CheckForm(){
if($("#username").val() == ''){
$("#warnning").html("<font color=red>ERROR</font>");
return false;
}
return CheckUserName(); //这里的返回值不起作用
}
function CheckUserName(){
var username = $("#username").val();
$.get("b.php",{ name:username},
function (data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
return false; //这里是返回给CheckUserName()的吗?
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
return true; //这里是返回给CheckUserName()的吗?
}
}
);
}
那么该如何处理呢?
要将ajax设置为同步的,需要使用$.ajax,$.get默认是异步的,并且不是在回调函数内return,而是在CheckUserName函数中申明一个变量来接受回调函数的返回值,然后校验CheckUserName返回这个值。
function CheckForm(){
if($("#username").val() == ''){
$("#warnning").html("<font color=red>ERROR</font>");
return false;
}
return CheckUserName(); //这里的返回值不起作用
}
function CheckUserName(){
var username = $("#username").val();
var result=false;
$.ajax({async:false//要设置为同步的,要不CheckUserName的返回值永远为false
,url:'b.php',data:{name:username}
,success:function(data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
result=false;
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
result=true;
}
}});
return result;//==========这里才是CheckUserName的返回值,回调函数返回值没有意义
}