Heim  >  Artikel  >  Backend-Entwicklung  >  thinkphp verwendet Ajax zur Registrierung und Erkennung

thinkphp verwendet Ajax zur Registrierung und Erkennung

炎欲天舞
炎欲天舞Original
2017-08-03 18:05:511154Durchsuche


注册页四栏:  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的值赋值给两个变量,判断两个变量是否相等.
  如果相等,写入提示"密码相同",执行代码.
  如不相等,写入提示"两次密码输入不同",提交功能不执行.

Backstage 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. Senden Sie drei Parameter an den Hintergrund. Wenn die UID der Datenbank mit $uid übereinstimmt, zeigen Sie die Seite direkt an

     Umgekehrt 1.<span class="com">实例化user模型</span>

2.<span class="com">根据表单提交的POST数据创建数据对象</span>

3. Add-Methode aufrufen

4. Daten zurückgeben

     5. Seite anzeigen

                      <br/>

Das obige ist der detaillierte Inhalt vonthinkphp verwendet Ajax zur Registrierung und Erkennung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn