需要注意的是,調用的封裝的數據庫,和jQuery的保存地址
一、注冊
(1)寫文本框來進行用戶名的驗證
<input type="text" id="uid" /><span id="tishi"></span> //這個使用來顯示提示信息的
(2)用jQuery語句寫:用戶名存在不能使用,用戶名可以使用
$("#uid").blur(function(){ //取用戶名 var uid = $(this).val(); //查數據庫,調ajax $.ajax({ //ajax方法中必須是json格式 url: "zhucecl.php", //處理頁面的地址 data:{u:uid}, //這里是Json的格式:u是起的個名字,uid才是值 type:"POST", //數據提交方式 dataType:"TEXT", //返回的數據格式:字符串格式 success:function(data){ //成功的話返回匿名函數(回調函數) //執行處理頁面成功后的語句 var str = ""; if(data=="OK") { str = "用戶名可以使用"; $("#tishi").css("color","green"); } else { str = "已有用戶名"; $("#tishi").css("color","red"); } $("#tishi").text(str); } }); })
(3)注冊的處理頁面:寫了很多遍的了,不再一句句解釋
<?php//調封裝好的類:注意保存位置include("DBDA.class.php");$db = new DBDA(); //傳的值起的名字$uid = $_POST["u"];$sql = "select count(*) from renyuan where username='{$uid}'"; //調用封裝的函數$attr =$db->Query($sql); //判斷用戶名是否存在if($attr[0][0]>0){ echo "NO"; //有重復的用戶名}else{ echo "OK"; //沒有重復的用戶名} ?>
二、登錄
(1)寫文本框和登錄按鈕
<div>賬號:<input type="text" id="uid" /></div><div>密碼:<input type="password" id="pwd" /></div><input type="button" value="登錄" id="btn" />
(2)寫jQuery的語句
$("#btn").click(function(){ var uid=$("#uid").val(); //找到用戶 var pwd=$("#pwd").val(); //找到密碼 //調ajax方法,里面要用json格式 $.ajax({ url:"denglucl.php", //登陸的處理頁面 data:{uid:uid,pwd:pwd}, type:"POST", dataType:"text", success: function(data) { if(data.trim()=="OK") { window.location.href="zhuce.php" rel="external nofollow" ; //用戶名密碼正確,進入一個頁面 } else { alert("用戶名密碼輸入錯誤"); } } }) })
新聞熱點
疑難解答
圖片精選