Home  >  Article  >  Backend Development  >  thinkphp uses ajax to register and detect

thinkphp uses ajax to register and detect

炎欲天舞
炎欲天舞Original
2017-08-03 18:05:511115browse


注册页四栏:  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=&#39;green&#39;>两次密码相同!</font>";
                      
                      document.getElementById("submit").disabled = 
                      false;
                  }
                  else {
                      document.getElementById("tishi1").innerHTML=
                      "<font color=&#39;red&#39;>两次密码不相同!</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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn