首页>>表单>>jquery 实时检测帐号是否被注册(2013-09-10)

jquery 实时检测帐号是否被注册

这个应该是一个非常实用的代码，当然网上也很多，本例可以作为参考

数据库也是相当的简单就2个字段

CREATE TABLE `username_list` (

  `id` int(11) NOT NULL auto_increment,

  `username` varchar(60) character set latin1 NOT NULL,

  PRIMARY KEY  (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

jquery 实时检测帐号是否被注册
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 js代码

 

JavaScript Code复制内容到剪贴板
  1. <script type="text/javascript">  
  2. $(document).ready(function() {  
  3.     $("#username").keyup(function (e) {  
  4.       
  5.         //removes spaces from username  
  6.         $(this).val($(this).val().replace(/s/g, ''));  
  7.           
  8.         var username = $(this).val();  
  9.         if(username.length < 4){$("#user-result").html('');return;}  
  10.           
  11.         if(username.length >= 4){  
  12.             $("#user-result").html('<img src="imgs/ajax-loader.gif" />');  
  13.             $.post('check_username.php', {'username':username}, function(data) {  
  14.               $("#user-result").html(data);  
  15.             });  
  16.         }  
  17.     });   
  18. });  
  19. </script>  

主要代码

 

XML/HTML Code复制内容到剪贴板
  1. <div id="registration-form">  
  2.   <label for="username">输入帐号:  
  3.   <input name="username" type="text" id="username" maxlength="15">  
  4.   <span id="user-result"></span>  
  5.   </label>  
  6.   <br>输入的字符大于等于4才会检测  
  7. </div>  

check_username.php

 

PHP Code复制内容到剪贴板
  1. <?php  
  2.   
  3. include_once("conn.php");  
  4.   
  5.   
  6.   
  7.   
  8.   
  9. //check we have username post var  
  10.   
  11. if(isset($_POST["username"]))  
  12.   
  13. {  
  14.   
  15.     //check if its ajax request, exit script if its not  
  16.   
  17.     if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {  
  18.   
  19.         die();  
  20.   
  21.     }  
  22.   
  23.       
  24.   
  25.     //trim and lowercase username  
  26.   
  27.     $username =  strtolower(trim($_POST["username"]));   
  28.   
  29.       
  30.   
  31.     //sanitize username  
  32.   
  33.     $username = filter_var($username, FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW|FILTER_FLAG_STRIP_HIGH);  
  34.   
  35.       
  36.   
  37.     //check username in db  
  38.   
  39.     $results = mysql_query("SELECT id FROM username_list WHERE username='$username'");  
  40.   
  41.       
  42.   
  43.     //return total count  
  44.   
  45.     $username_exist = mysql_num_rows($results); //total records  
  46.   
  47.       
  48.   
  49.     //if value is more than 0, username is not available  
  50.   
  51.     if($username_exist) {  
  52.   
  53.         die('<img src="imgs/not-available.png" />');  
  54.   
  55.     }else{  
  56.   
  57.         die('<img src="imgs/available.png" />');  
  58.   
  59.     }  
  60.   
  61.       
  62.   
  63.     //close db connection  
  64.   
  65.       
  66.   
  67. }  
  68.   
  69. ?>  

 


原文地址:http://www.freejs.net/article_biaodan_15.html