註冊頁四欄: 1.使用者名稱 2.密碼 3.二次輸入密碼 4.暱稱前端代碼略,看核心部分.1.使用者名稱前端ajax$("#uid").blur(function(){ //取資料 var uid = $(this).val(); //取資料庫進行匹配 $.ajax({ url:"__CONTROLLER__/jiance", //jiance控制器在TP的路徑 data:{uid:uid}, type:"POST", dataType:"JSON", success: function(data){ if(data.trim()=="OK") { $("#tishi").html("該使用者名稱可用"); $("#tishi").css("color","green"); } else { $("#tishi").html("該使用者名稱不可用!"); $("#tishi").css("color","red"); } } }) })1.使用blur事件註冊使用者名稱,當使用者輸入使用者名稱結束,滑鼠點擊使用者名稱輸入欄以外地區,若輸入欄後面提示綠色資訊使用者名稱可用,反之不可用.
1.TP內用以驗證使用者名稱的後台jiance控制器<? LoginController = ["uid" = M("user" = ->where()->find((["uid"]==->->ajaxReturn("NO"->ajaxReturn("OK"->
2、3密碼問題前端JS代碼function validate() { var pwd1 = document.getElementById("pwd").value; var pwd2 = document.getElementById("pwd1").value; <!-- 對比兩次輸入的密碼 --> if(pwd1 == pwd2) { document.getElementById("tishi1").innerHTML= "<font color='green'>兩次密碼相同!</font>"; document.getElementById("submit").disabled = false; } else { document.getElementById("tishi1").innerHTML= "<font color='red'>兩次密碼不相同!</font>"; document.getElementById("submit").disabled = true; } }
1.拉取兩個p的值賦值給兩個變數,判斷兩個變數是否相等. 如果相等,寫入提示"密碼相同",執行代碼. 如不相等,寫入提示"兩次密碼輸入不同",提交功能不執行.
後台zhuce控制器
<?phpnamespace Home\Controller;use Think\Controller;class LoginController extends Controller{public function zhuce(){$uid = $_POST["uid"];$pwd = $_POST["pwd"];$name = $_POST["name"];if($uid==uid){$this->show();}else{$n = M("user");$n->create();$arr = $n->add();$this->ajaxReturn($arr,"TEXT");$this->show();}}}
1.往後台發送三個參數 如果資料庫的uid 與 $uid相同 那麼直接顯示頁面
反之 1.執行個體化user模型
2.根據表單提交的POST資料建立資料對象
3.調用添加方法
4.返回資料
5.顯示頁面