ajax检查用户名onblur

时间:2012-06-04 19:03:43

标签: php javascript mysql ajax

这里有个案例,我试图在ajax的帮助下检查onblur事件上的用户名,这是在mysql数据库中检查用户名可用性。

这里是ajax script =>

document.getElementById("r_username").onblur = function(){
        var http = false;
        var error = document.getElementById("error_username");
        var numLetter = /^[a-zA-Z-0-9]+$/;
        if (this.value==""){
            error.innerHTML = "Empty Field !!!";
            error.style.display = "inline";
        } else {
            if (this.value.match(numLetter)){
                if (window.XMLHttpRequest){
                    http = new XMLHttpRequest();
                } else {
                    http = new ActiveXObject("Microsoft.XMLHTTP");
                }
                if (http){
                    http.open("POST","./config/AjaxUsernameEmail.php",true);
                    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    http.onreadystatechange = function(){
                        if (http.readyState==4 && http.status==200){

                        }
                    };
                    http.send("r_username=" + document.getElementById("r_username").value);
                }
                error.innerHTML = "";
                error.style.display = "none";
            } else {
                error.innerHTML = "Invalid Number !!!";
                error.style.display = "inline";
            }
        }
    };

ajax工作成功,.php文件也在哪个脚本下面=>

class Checking{
private $con,$query,$flag;
public function __construct($con,$query){
    $this->con   = $con;
    $this->query = $query;
}
public function func(){
    if (mysqli_connect_errno()==0){
        if ($result = mysqli_query($this->con,$this->query)){
            if ($data = mysqli_fetch_assoc($result)){
                return $this->flag = true;
            } else {
                return $this->flag = false;
            }
        }
    }
}
}

if (isset($_POST['r_username'])){
    $check = new Checking($connection,"SELECT username FROM users WHERE username='" . $_POST['r_username'] . "'");

} else {
    header("Location: http://" . $mysql->host . "/index.php");
}
一切都运行得很好,但是这里有问题,我想以某种方式连接这些文件,我的意思是我想知道.js文件当用户名在数据库中匹配时,何时没有,因为我想做更多在.js文件中的操作,但我不能设置“标志”(这将帮助我的变量)。 有任何想法吗 ?谢谢:))))

更多细节,.js文件在registration.php文件中,你怎么看到man .js文件用ajax AjaxUsernameEmail.php文件调用,所以我想以某种方式知道用户名何时匹配,何时不,因为我想在registration.php文件中在匹配期间做更多的动作(通知)

2 个答案:

答案 0 :(得分:1)

对于ajax请求,您不能returnprintecho。尝试

if ($data = mysqli_fetch_assoc($result)){
   echo $this->flag = true; exit;
} else {
   echo $this->flag = false; exit;
}

评估回复:

if ( http.readyState == 4 && http.status == 200 ) {
  switch ( http.responseText ) {
    case 1: //user name taken, diplay error message
    break;
    case 0: //user name available, no action required
    break;

  }
}

答案 1 :(得分:1)

代码可能有点像:

$return = 'fail';

class Checking {

    public function __construct($con, $query)
    {
        $this->con = $con;
        $this->query = $query;
        self::func()
    }

    public function func()
    {
        $result = 'ok';
        if (mysqli_connect_errno()==0){
            if ($result = mysqli_query($this->con,$this->query)){
                $result = mysqli_num_rows($result) > 0? 'user_exists' : 'user_doesnt_exist';
            }
        }
        return $result;
    }

}

if( $_POST['r_username'] ){
    $desired = mysqli_real_escape_string($_POST['r_username']);
    $return = new Checking($connection,"SELECT username FROM users WHERE username='$desired'");
}
echo $return;

此外,您应该担心转移用户输入,并且可能希望查看jQuery以获取您的ajax内容。

客户端的检查应该是这样的:

if (http.readyState==4 && http.status==200){
    switch (http.responseText){
        case 'fail':
            //the username was not provided
        break;
        case 'user_exists':
            //the username already exists
        break;
        case 'user_doesnt_exist':
            //the username was not found on the database, continue
        break;

    }
}
相关问题