使用php+Ajax實現(xiàn)唯一校驗實現(xiàn)代碼[簡單應(yīng)用]
更新時間:2011年11月29日 22:33:29 作者:
使用php+Ajax實現(xiàn)唯一校驗實現(xiàn)代碼[簡單應(yīng)用],前臺用ajax后臺用php,需要的朋友可以參考下。
首先創(chuàng)建一個Ajax類(Ajax類)
然后新建一個文件form.html
--------------------------form.html----------------------------
<script src="ajax.js"></script> <!--引用ajax類-->
<script language="javascript" type="text/javascript">
function show(username){
var ajax = Ajax();
var noteobj = document.getElementById("note"); //將id為note的標(biāo)簽對象化
ajax.post("form.php",{username:username},function(data){ //第二個username為需要傳遞的值
noteobj.innerHTML = data; //data為從服務(wù)器端獲取的數(shù)據(jù)
});
}
</script>
<style>
input{font:menu};
</style>
<form action="reg.php" method="post">
username:<input type="text" name="username" onblur="show(this.value)"/><div id="note"></div><br />
password:<input type="password" name="password"><br />
<input type="submit" value="register">
</form>
最后新建一個php文件form.php
--------------------------form.html----------------------------
<?php
header("Content-type:text/html;charset=gb2312"); //設(shè)置字符集
$mysqli = new mysqli("localhost","root","123","demo"); //打開demo數(shù)據(jù)庫
$result = $mysqli->query("select * from zhanghao where name='{$_POST["username"]}'");
if($result->num_rows > 0){ //判斷是否查詢出數(shù)據(jù)
echo "<font color='red'>用戶{$_POST["username"]}已經(jīng)存在!</font>";
}else{
echo "<font color='green'>用戶{$_POST["username"]}可以注冊</font>";
}
?>
在瀏覽器中打開form.html出現(xiàn)下圖:
然后新建一個文件form.html
--------------------------form.html----------------------------
復(fù)制代碼 代碼如下:
<script src="ajax.js"></script> <!--引用ajax類-->
<script language="javascript" type="text/javascript">
function show(username){
var ajax = Ajax();
var noteobj = document.getElementById("note"); //將id為note的標(biāo)簽對象化
ajax.post("form.php",{username:username},function(data){ //第二個username為需要傳遞的值
noteobj.innerHTML = data; //data為從服務(wù)器端獲取的數(shù)據(jù)
});
}
</script>
<style>
input{font:menu};
</style>
<form action="reg.php" method="post">
username:<input type="text" name="username" onblur="show(this.value)"/><div id="note"></div><br />
password:<input type="password" name="password"><br />
<input type="submit" value="register">
</form>
最后新建一個php文件form.php
--------------------------form.html----------------------------
復(fù)制代碼 代碼如下:
<?php
header("Content-type:text/html;charset=gb2312"); //設(shè)置字符集
$mysqli = new mysqli("localhost","root","123","demo"); //打開demo數(shù)據(jù)庫
$result = $mysqli->query("select * from zhanghao where name='{$_POST["username"]}'");
if($result->num_rows > 0){ //判斷是否查詢出數(shù)據(jù)
echo "<font color='red'>用戶{$_POST["username"]}已經(jīng)存在!</font>";
}else{
echo "<font color='green'>用戶{$_POST["username"]}可以注冊</font>";
}
?>
在瀏覽器中打開form.html出現(xiàn)下圖:
注意:需要提前在MySQL數(shù)據(jù)庫中建立一個表“zhanghao”
如果輸入已存在的name,則出現(xiàn)如下提示:
如果輸入未存在的name,出現(xiàn)如下提示:
相關(guān)文章
php讀取遠(yuǎn)程gzip壓縮網(wǎng)頁的方法
這篇文章主要介紹了php讀取遠(yuǎn)程gzip壓縮網(wǎng)頁的方法,當(dāng)站點使用gzip壓縮時,使用常規(guī)的遠(yuǎn)程獲取方法會得到亂碼結(jié)果,使用本文方法即可解決這個問題,需要的朋友可以參考下2014-12-12php基于dom實現(xiàn)讀取圖書xml格式數(shù)據(jù)的方法
這篇文章主要介紹了php基于dom實現(xiàn)讀取圖書xml格式數(shù)據(jù)的方法,涉及php基于dom針對xml格式文件的讀取操作相關(guān)技巧,需要的朋友可以參考下2017-02-02thinkphp5實用入門進(jìn)階知識點和各種常用功能代碼匯總
這篇文章主要介紹了thinkphp5實用入門進(jìn)階知識點和各種常用功能代碼匯總的相關(guān)資料,需要的朋友可以參考下2023-03-03php自定義排序uasort函數(shù)示例【二維數(shù)組按指定鍵值排序】
這篇文章主要介紹了php自定義排序uasort函數(shù),結(jié)合實例形式分析了php實現(xiàn)二維數(shù)組按指定鍵值排序的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06