用ajax实现注册页面一些处理

http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp

首先是ajax教程，基本的语法什么的。

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

固定格式，创建一个XMLHttpRequest对象。

function checkname()
{
      var username=document.getElementById('name').value;
      if(username == null || username == "") 
       { 
       msg="<font color='#FF6699'>帐号不能为空！</font>"; 
       } 
      else if(username.length > 6) 
      { 
       msg ="<font color='#FF6699'>用户名请控制在六个字符内！</font>";
      }
      else
      {
      createXHR(); 
      XHR.open("POST","checkbox.php?id="+username,true);//true表示异步处理
      XHR.onreadystatechange=byhongfei;
      XHR.send(null);
      }
      document.getElementById('checkname').innerHTML=msg;
}

这其中有个非常非常非常非常重要的事就是：在用户名的标签内一定加上onBlur=""属性，属性值为对应的函数，如这个中的checkname();

函数用于验证获取到的用户名内容和长度。

<?php
header("content-Type: text/html; charset=utf-8");
include("conn.php");
$sql="select * from users where name='$_GET[id]'";
$query=mysql_query($sql);
if(is_array(mysql_fetch_array($query)))
   {
echo "<font color='#FF6699'>帐号已存在</font>";
   }
else 
   {
echo "<font color='#00EE76'>帐号可以使用</font>";
   }
?>

请求发送到该页面，与数据库中的用户名对比验证用户名是否存在。

function byhongfei()
{
     if(XHR.readyState == 4)
     {
          if(XHR.status == 200)
           {  
           var textHTML=XHR.responseText;
           document.getElementById('checkname').innerHTML=textHTML;
           }
     }
}

固定格式，当 readyState 等于 4 且状态为 200 时，表示响应已就绪。

以上代码参考     http://blog.csdn.net/alpha_xiao/article/details/49474569

同理验证密码与确认密码时，获取到这两个值对比，修改checkname函数。