當前位置:首頁 > 綜合實例 > 列表

php+ajax注冊驗證實例(完整代碼)

發布:smiling 來源: PHP粉絲網  添加日期:2015-04-10 14:37:34 瀏覽: 評論:0 

ajax注冊是現在我看到網站中所有網站幾乎都會使用到的一個功能,下面我就來給各位整理一個關于ajax注冊驗證例子,希望此例子能幫助到各位哦.

html代碼如下:

  1. <script src="ajax.js"></script>  
  2. <form>  
  3. <table> 
  4. <tr> 
  5.   <td>用戶名:</td> 
  6.   <td><input type="text" id="txt1" onKeyUp="showHint(this.value)"></td> 
  7.  </tr> 
  8.  <tr align="center"> 
  9.   <td colspan="2"><span id="txtHint"></span></td> 
  10.  </tr> 
  11. </table> 
  12. </form> 

js文件代碼如下:

  1. var xmlHttp 
  2. function showHint(str) 
  3. if (str.length==0) 
  4.   {  
  5.   document.getElementById("txtHint").innerHTML="" 
  6.   return 
  7.   } 
  8. xmlHttp=GetXmlHttpObject() 
  9. if (xmlHttp==null
  10.   { 
  11.   alert ("Browser does not support HTTP Request"
  12.   return 
  13.   }  
  14. xmlHttp.onreadystatechange=stateChanged 
  15. var geturl="conn.php?q="+str 
  16. //sid是增加一個隨機數 防止頁面啟用緩存技術· 
  17. geturl=geturl+"&sid="+Math.random() 
  18. geturl=encodeURI(geturl); 
  19. geturl=encodeURI(geturl);  
  20. xmlHttp.open("GET",geturl,true
  21. xmlHttp.send(null
  22. }  
  23. function stateChanged()  
  24. {  
  25. if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"
  26.  {  
  27.  document.getElementById("txtHint").innerHTML=xmlHttp.responseText  
  28.  }  
  29. function GetXmlHttpObject() 
  30. var xmlHttp=null
  31. try 
  32.  { 
  33.  // Firefox, Opera 8.0+, Safari 
  34.  xmlHttp=new XMLHttpRequest(); 
  35.  } 
  36. catch (e) 
  37.  { 
  38.  // Internet Explorer 
  39.  try 
  40.   { 
  41.   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
  42.   } 
  43.  catch (e) 
  44.   { 
  45.   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  46.   } 
  47.  } 
  48. return xmlHttp; 

php操作代碼如下:

  1. <?php 
  2. $q=$_GET["q"]; 
  3. $q = urldecode($q); 
  4. if (strlen($q) > 0) 
  5.   $conn = @mysql_connect("localhost","root","1010"or die ("MySql連接錯誤"); 
  6.   mysql_select_db("xin",$conn); 
  7.   mysql_query("set names 'utf8'"); 
  8.    
  9.   $sql = "SELECT username FROM message WHERE username = '$q'"
  10.   $query = mysql_query($sql); 
  11.   @$row = mysql_fetch_array($query); 
  12.    
  13.   if(!emptyempty($row['username'])) 
  14.   {//開源軟件:phpfensi.com 
  15.    $response = "<font color=red>已經被注冊!</font>"
  16.   }else 
  17.   { 
  18.    $response = "<font color=blue>恭喜!可以注冊!</font>"
  19.   } 
  20.    
  21.   echo $response
  22. ?> 

最后再給出數據庫代碼:

  1. DROP DATABASE IF EXISTS `xin`; 
  2. CREATE DATABASE `xin` /*!40100 DEFAULT CHARACTER SET utf8 */; 
  3. USE `xin`; 
  4.  
  5. CREATE TABLE `message` ( 
  6.   `id` int(11) NOT NULL auto_increment, 
  7.   `username` varchar(20) default NULL
  8.   PRIMARY KEY  (`id`) 
  9. ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

Tags: php+ajax php注冊驗證

分享到:

天气网首页彩吧