注册页四栏: 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的值赋值给两个变量,判断两个变量是否相等. 如果相等,写入提示"密码相同",执行代码. 如不相等,写入提示"两次密码输入不同",提交功能不执行.
Background zhuce controller
<?php namespace 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. Send three parameters to the background. If the uid of the database is the same as $uid, then the page will be displayed directly
Vice versa 1.<span class="com">Instantiate the user model</span>
<span class="com">Create a data object based on the POST data submitted by the form</span>
4. Return data
5. Display page
<br/>
The above is the detailed content of thinkphp uses ajax to register and detect. For more information, please follow other related articles on the PHP Chinese website!