一个简单的ajax验证注册用户名

 

<script type="text/javascript">
         function $(str)//方法
         {
           return document.getElementById(str);          //返回  text1  =  ctl00_ContentPlaceHolder1_AjaxRegist1_text1
         } 
         function checkUsername()
            {            
               if($("ctl00_ContentPlaceHolder1_AjaxRegist1_text1").value=="")
               {
                 document.getElementById("lab1").innerText="用户名不能为空";
               }
               else
               {
                 window.setTimeout('doCheck("'+$("ctl00_ContentPlaceHolder1_AjaxRegist1_text1").value+'")',100);//text1控件在Content里面所以要通过浏览查看源文件得到他的id=“ctl00_ContentPlaceHolder1_AjaxRegist1_text1"”.

               }
            }

            function doCheck(username)  //ajax 固定格式 定义XHTML对象
            {           
             if (window.XMLHttpRequest)
             { 
              req = new XMLHttpRequest();
              req.onreadystatechange=processChech;//定义处理的方法
              req.open("GET", "RegCheckName.aspx?UserName="+username, true);//传输到另外一个界面进行数据库的操作
              req.send(null);
             }
             else if (window.ActiveXObject)
             {
      
              req = new ActiveXObject("Microsoft.XMLHTTP");
                
              if (req)
              { 
                  req.onreadystatechange=processChech;
               req.open("GET", "RegCheckName.aspx?UserName="+username, true);
               req.send();
              }
             }
            }
            function processChech()
            {
             if (req.readyState == 4 && req.status==200)
             {
                   Is_Exist_callback1(req.responseText); 
                }
            }
       
            function Is_Exist_callback1(result)//返回的数据处理
   {  
           if(result=='0')
       {
          
           document.getElementById("lab1").innerText="用户已经存在";
         
       }
       else if(result=='1')
       {
         
          document.getElementById("lab1").innerText="你可以用这个作为登陆名";
         

       }
       else
       {
       document.getElementById("lab1").innerText="用户名不能为空";
       }
      
      
   }
    </script>

<script type="text/javascript">

 

===============================================================================================

 

 <tr >
  <td style="width:14684px; height:30px;">
      &nbsp; &nbsp; &nbsp;登录名：</td>
  <td style="width:428px; height:30px;">
      <div style=" float:left;"><input type ="text" id ="text1" runat ="server"  onblur ="checkUsername()" /></div>
     <label id ="lab1" style ="color :Red ;"></label></td>
 </tr>