PHP+Ajax检测用户名

check.php页面代码如下：

	
<script type="text/javascript" src="jiance.js"></script>
<form name="myform" action="" method="get">
 用户名：<input name="user" value="" type="text" οnblur="funtest100()" />
 <div id="test100"></div>
</form>

二、Ajax验证页面

check.js页面代码如下：

	
var xmlHttp;
function S_xmlhttprequest(){
  if(window.ActiveXobject){
    xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
  }else if(window.XMLHttpRequest){
    xmlHttp = new XMLHttpRequest();
  }
}
function funtest100(){
  var f = document.getElementsByTagName_r('form')[0].user.value;//获取文本框内容
  S_xmlhttprequest();
  xmlHttp.open("GET","jcfor.php?id="+f,true);//找开请求
  xmlHttp.onreadystatechange = byphp;//准备就绪执行
  xmlHttp.send(null);//发送
}
function byphp(){
  //判断状态
  if(xmlHttp.readyState==1){//Ajax状态
    document.getElementByIdx_x_x('test100').innerHTML = "正在加载";
  }
  if(xmlHttp.readyState==4){//Ajax状态
    if(xmlHttp.status==200){//服务器端状态
      var bytest100 = xmlHttp.responseText;
      //alert(bytest100);
      document.getElementByIdx_x_x('test100').innerHTML = bytest100;
    } 
  }
}

三、PHP验证页面

chkfor.php页面代码如下：

	
<?php
 if($_GET[id]){
    sleep(1);
    $conn=mysql_connect('localhost','root','');
    mysql_select_db('test',$conn);
    $sql="SELECT * FROM `user` WHERE `name`='$_GET[id]'";
    $q=mysql_query($sql);
  
    if(is_array(mysql_fetch_row($q))){
      echo "用户名已经存在";
    }else{
      echo "用户名可以使用";
    }
 } 
?>