|
|
然后新建一個(gè)文件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)簽對(duì)象化
ajax.post("form.php",{username:username},function(data){ //第二個(gè)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>
最后新建一個(gè)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"]}可以注冊(cè)</font>";
}
?>
在瀏覽器中打開form.html出現(xiàn)下圖：
注意：需要提前在MySQL數(shù)據(jù)庫中建立一個(gè)表“zhanghao”
如果輸入已存在的name，則出現(xiàn)如下提示：
如果輸入未存在的name，出現(xiàn)如下提示：
php技術(shù)：使用php+Ajax實(shí)現(xiàn)唯一校驗(yàn)實(shí)現(xiàn)代碼[簡(jiǎn)單應(yīng)用]，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
