Rumah > pembangunan bahagian belakang > tutorial php > thinkphp用ajax注册及检测

thinkphp用ajax注册及检测

炎欲天舞
Lepaskan: 2023-03-14 15:32:01
asal
1194 orang telah melayarinya


注册页四栏:  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事件注册用户名,当用户输入用户名结束,鼠标点击用户名输入栏以外区域,若输入栏后面提示绿色信息用户名可用,反之不可用.
Salin selepas log masuk


1.TP内用以验证用户名的后台jiance控制器
<? LoginController   = ["uid" = M("user" = ->where()->find((["uid"]==->->ajaxReturn("NO"->ajaxReturn("OK"->
Salin selepas log masuk


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;
                  }
              }
Salin selepas log masuk
1.拉取两个p的值赋值给两个变量,判断两个变量是否相等.
  如果相等,写入提示"密码相同",执行代码.
  如不相等,写入提示"两次密码输入不同",提交功能不执行.
Salin selepas log masuk

后台zhuce控制器


<?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();
		}
		
	}
	
}
Salin selepas log masuk

1.往后台发送三个参数 如果数据库的uid 与 $uid相同 那么直接显示页面

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

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

             3.调用添加方法

             4.返回数据

             5.显示页面

                      <br/>
Salin selepas log masuk

 

Atas ialah kandungan terperinci thinkphp用ajax注册及检测. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan