亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

php注冊系統(tǒng)和使用Xajax即時(shí)驗(yàn)證用戶名是否被占用

 更新時(shí)間:2017年08月31日 15:56:15   作者:yongh701  
這篇文章主要為大家詳細(xì)介紹了php注冊系統(tǒng)和使用Xajax即時(shí)驗(yàn)證用戶名是否被占用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

在php中使用Xajax能夠即時(shí)與數(shù)據(jù)庫發(fā)生交互

帶給用戶更好的體驗(yàn)

主要的應(yīng)用有網(wǎng)頁的即時(shí)、不刷新的登錄系統(tǒng)

也可以利用于注冊系統(tǒng)中

即時(shí)驗(yàn)證用戶名是否被占用

一、基本目標(biāo)

首先在mysql中有一張用戶信息表user


編寫一個(gè)用戶注冊系統(tǒng),一開始注冊按鈕是禁用的狀態(tài)


當(dāng)用戶輸入用戶名完畢時(shí),馬上檢查這個(gè)用戶名是否被占用,如果是,禁用注冊按鈕,并彈出對話框

如果用戶輸入的用戶名沒有被占用,則解鎖注冊按鈕,但如果用戶輸入兩次輸入的密碼不一致,同樣不允許用戶注冊

直到用戶滿足所有注冊條件的時(shí)候,才放行

用戶注冊成功能夠成功把用戶名與密碼添加到數(shù)據(jù)庫之中,如上面的aa與b:


二、基本思想

由于第一個(gè)輸入框在失去焦點(diǎn)時(shí),需要與數(shù)據(jù)庫發(fā)生交互,所以需要用到php的Xajax技術(shù)

關(guān)于什么是失去焦點(diǎn),見我之前的《【JavaScript】組件焦點(diǎn)與頁內(nèi)錨點(diǎn)間傳值》(點(diǎn)擊打開鏈接)一文,

關(guān)于什么是PHP的Xajax技術(shù),與Xajax如何配置,可以參考我剛寫的《【php】Xajax Helloworld》(點(diǎn)擊打開鏈接)一文

而第二個(gè)輸入框與第三個(gè)輸入框不需要與數(shù)據(jù)庫發(fā)生交互,在前臺(tái)就可以做出判斷,因此僅僅使用javascript就可以,

下面的代碼說明,不再對此進(jìn)行討論,因?yàn)橹拔以凇丁綣avaScript】表單即時(shí)驗(yàn)證,不成功不讓提交》(點(diǎn)擊打開鏈接)一文中已經(jīng)對此討論得比較詳細(xì)了。

三、制作過程

分兩個(gè)頁面,一個(gè)是用戶填寫注冊信息的頁面xajaxrec.php,一個(gè)是把用戶注冊信息填寫到數(shù)據(jù)庫的處理頁面下xajxrecsuc.php
xajxrecsuc.php的代碼如下,與之前《【php】數(shù)據(jù)庫的增刪改查和php與javascript之間的交互》(點(diǎn)擊打開鏈接)的插入處理頁面dbinsert.php根本就是一樣的,由于筆者用的是同一張用戶表,同一個(gè)數(shù)據(jù)庫,因此連代碼都不改就能夠使用了,就把“添加成功”四個(gè)大字,改成“注冊成功”而已:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>注冊成功</title> 
</head> 
 
<body> 
<?php 
$username=$_REQUEST["username"]; 
$password=$_REQUEST["password"]; 
$con=mysql_connect("localhost","root","root"); 
if(!$con){ 
 die("連接失敗!"); 
 } 
mysql_select_db("test",$con); 
mysql_query("insert into user(username,password) values ('".$username."','".$password."');"); 
mysql_close($con); 
?> 
<script> 
alert("注冊成功"); 
window.location.href="xajaxreg.php" rel="external nofollow" ; 
</script> 
</body> 
</html> 

然后重點(diǎn)來說說這個(gè)xajaxrec.php:

<?php 
include 'xajax_core/xajax.inc.php'; 
$xajax=new xajax(); 
//首先在xajax聲明一個(gè)check函數(shù) 
$xajax->registerFunction("check"); 
//這個(gè)check函數(shù)需要前臺(tái)傳來用戶名username 
function check($username){ 
 $orps=new xajaxResponse(); 
 //連接數(shù)據(jù)庫,看看用沒有這個(gè)用戶名 
 $con=mysql_connect("localhost","root","root"); 
 if(!$con){ 
 die("連接失敗!"); 
 } 
 mysql_select_db("test",$con); 
 $dbusername=null; 
 $result=mysql_query("select * from user where username='".$username."';"); 
 while($row=mysql_fetch_array($result)){ 
 $dbusername=$row["username"]; 
 } 
 //如果沒有,根本不可能查出數(shù)據(jù),對dbusername賦值的,所以dbusername還是為空的 
 if(is_null($dbusername)){ 
 //彈窗,把id為submitbtn的提交按鈕disabled屬性清理掉,解鎖disabled 
 $orps->alert("恭喜,該用戶名未被占用,可以注冊"); 
 $orps->clear("submitbtn","disabled"); 
 } 
 else{ 
 //否則彈窗之后為submitbtn上鎖,加上disabled屬性 
 $orps->alert("該用戶名已被占用,請更換被的用戶名"); 
 $orps->assign("submitbtn","disabled","disabled"); 
 } 
 //人走帶門,然后是三個(gè)xajax的指定動(dòng)作 
 mysql_close($con); 
 return $orps; 
 } 
 
$xajax->processRequest(); 
$xajax->printJavascript(); 
?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>用戶注冊</title> 
</head> 
 
<body> 
用戶注冊 
<!--為表單上個(gè)onsubmit屬性,是因?yàn)榈脩酎c(diǎn)擊提交按鈕的時(shí)候,跑完這個(gè)check()函數(shù)再提交這個(gè)表單--> 
<form action="xajxregsuc.php" method="post" onsubmit="return check()"> 
<!--但用戶名的輸入框失去焦點(diǎn)時(shí),也就是用戶輸入完成,光標(biāo)離開這個(gè)輸入框的時(shí)候,馬上調(diào)用xajax中的check函數(shù),帶過去的值就是本輸入框的內(nèi)容--> 
用戶名:<input type="text" name="username" onblur="xajax_check(this.value);" /><br /> 
密碼:<input type="password" name="password" id="password" /><br /> 
<!--確認(rèn)密碼這里調(diào)用下面的javascript檢查即可--> 
請?jiān)俅屋斎朊艽a:<input type="password" name="passwordconfirm" id="passwordconfirm" onchange="check()"/><br /> 
<input type="submit" id="submitbtn" value="注冊" disabled /> 
</form> 
</body> 
</html> 
<script> 
function check() { 
 var check = false; 
 var password = document.getElementById("password").value; 
 var pwdc = document.getElementById("passwordconfirm").value; 
 if (password != pwdc) { 
 alert("兩次輸入密碼不一致"); 
 check = false; 
 } else { 
 check = true; 
 } 
 return check; 
} 
</script> 

至此整個(gè)注冊系統(tǒng)就完成。

四、展望

這個(gè)注冊系統(tǒng)還是存在缺陷的,首先,涉及數(shù)據(jù)庫操作的第一個(gè)處理框,沒有進(jìn)行有害sql注入語句的過濾,并且所有的處理框,輸入亂七八糟的字符都是可以放行甚至在密碼處理框,不輸入密碼也是放行的,這些小細(xì)節(jié)如果是對于一個(gè)要運(yùn)行在網(wǎng)絡(luò)的web系統(tǒng),必須對其完善。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論