jquery ajax 檢測用戶注冊時用戶名是否存在

更新時間：2009年11月03日 23:37:03 作者：

當用戶注冊需要知道這個用戶名是否被人使用所以需要在用戶登陸前判斷為了使用戶得到更好的體驗，我們使用了jquery的ajax效果，來用戶名是否存在。

首先需要一個添加年級的頁面，暫時叫grade.htm
這個文件需要引入兩個文件jquery.js（jquery框架文件）和grade.js（驗證的單獨文件）。
下面的input用于輸入用戶名字,id="gradeInfo"是為了顯示提示信息用的。
grade.htm

復制代碼代碼如下:

 
<input type="text" size="6" name="NAME" id="NAME"/><font color="red">*</font> 
<span id="gradeInfo"></span> 

當用戶輸入信息以后，進入驗證環(huán)節(jié)，看看我們的驗證grade.js是怎么寫的。
grade.js

復制代碼代碼如下:

 
/** 
* 驗證用戶名是否重復的js 
* 
* @name grade.js 
* @author jason<msn:x334@eyou.com> 
* @use 驗證用戶名是否存在 
* @todo 
*/ 
$(document).ready(function(){ 
checkConfirm(); 
}); 
//驗證用戶名是否存在 
function checkConfirm(){ 
$("#NAME").blur(function(){ 
var gradename = $(this).val(); 
var changeUrl = "GradeAdmin.php?action=check&gradename="+gradename; 
$.get(changeUrl,function(str){ 
if(str == '1'){ 
$("#gradeInfo").html("<font color=\"red\">您輸入的用戶名存在！請重新輸入！</font>"); 
}else{ 
$("#gradeInfo").html(""); 
} 
}) 
return false; 
}) 
} 

上面這段js文件，我只解釋幾個比較關鍵的地方。
1、$("#NAME").blur的含義是當grade.htm里的id為NAME的表單輸入完以后觸發(fā)動作。
2、$(this).val()的含義是取得id為NAME的表單里的值。
3、$.get(changeUrl,function(str)的含義是：運行ajax后，changeUrl是要連接的程序地址，str是程序
計算結束以后得到的顯示結構。
4、$("#gradeInfo").html的含義是給id為gradeInfo的標簽寫入html文件。id為gradeInfo的標簽就是指
的grade.htm里的id為gradeInfo的標簽，顯示的內(nèi)容會出現(xiàn)再這個標簽所在的位置。
再看看GradeAdmin.php的計算形式。
GradeAdmin.php
復制代碼

復制代碼代碼如下:

 
if($frm_action == 'check') 
{ 
$gradeName = $_GET['gradename']; 
$gradeAdminObj = new Services_GradeAdmin($db); 
//根據(jù)$gradeName去判斷是否再數(shù)據(jù)庫里存在填入的用戶名字，如果存在返回1，如果 
不存在返回0，這個返回值是傳到grade.js里。 
$gradeCheck = $gradeAdminObj->getGradeByName($gradeName); 
if(is_numeric($gradeCheck)){ 
echo '1'; 
}else{ 
echo '0'; 
} 
exit(); 
} 

這就是判斷用戶注冊時用戶名是否已存在問題

您可能感興趣的文章: