ThinkPHP結合Ajax實現使用者名稱的校驗

阿新 • • 發佈：2019-02-12

　　在模板檔案中通過ajax獲取到使用者名稱，然後在控制器中將使用者名稱與資料庫比較，返回校驗結果給模板檔案。
　　
這裡寫圖片描述
　　
　　模板檔案路徑shop/Home/View/User/register.html

<!--register.html-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script 
 type="text/javascript">
    var urlpath = "{$smarty.const.__CONTROLLER__}";
    //ajax無重新整理方式校驗使用者名稱
    function checkname(){
        //（1）獲取被校驗的使用者名稱資訊
        var nm = document.getElementById('User_username').value;
        //（2）ajax抓取到使用者名稱傳遞給伺服器端進行校驗
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function 
(){
            if(xhr.readyState == 4){
                document.getElementById('namecheck').innerHTML = xhr.responseText;
            }
        }
        //tp框架使用模式：分組/控制器/操作方法/方法引數
        //xhr.open('get', "/shop/index.php/User/checkNM/" + nm);//預設分組為Home
        xhr.open('get', urlpath + "/checkNM/" + nm);
    }
 
</script>
</head>

<body>
    <tr>
        <td>
            <label for="User_username">使用者名稱</label>
        </td>
        <td>
            <input type="text" name="username" value="" id="User_username" onblur="checkname()">
            <span id="namecheck">{$errorInfo.username|default:""}</span>
        </td>
    </tr>
</body>
</html>

　　控制器檔案路徑shop/Home/Controller/User/UserController.class.php

//UserController.class.php
<?php
//名稱空間
namespace Home\Controller;
use Think\Controller;

//前臺使用者控制器
class UserController extends Controller{
    //使用者名稱校驗
    function checkNM($name){
        //在資料庫中根據條件查詢結果
        $info = D('User')->where("username='$name'")->find();
        if($info){
            echo "<span style='color:red'>使用者名稱已存在，請換一個</span>";
        }else {
            echo "<span style='color:green'>恭喜，使用者名稱可以使用</span>";
        }
        exit;
    }
}

ThinkPHP結合Ajax實現使用者名稱的校驗

　　在模板檔案中通過ajax獲取到使用者名稱，然後在控制器中將使用者名稱與資料庫比較，返回校驗結果給模板檔案。　　　　　　模板檔案路徑shop/Home/View/User/regis

服務閘道器 Zuul 與 Redis 結合實現 Token 許可權校驗

這兩天在寫專案的全域性許可權校驗，用 Zuul 作為服務閘道器，在 Zuul 的前置過濾器裡做的校驗。許可權校驗或者身份驗證就不得不提 Token，目前 Token 的驗證方式有很多種，有生成 Token 後將 Token 儲存在 Redis 或資料庫的，也有很多用 JWT（JSON Web Token）

後臺。利用Jquery與Ajax實現使用者名稱校驗小Demo

Test類 package com.wangchao.controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annot

用Ajax實現非同步校驗使用者名稱是否存在

一、案例分析 1.<input name="username">失去焦點時，使用$.post()將使用者名稱以ajax的方式傳送給伺服器 2.伺服器獲取使用者名稱後，並通過使用者名稱查詢使用者，如果使用者存在，返回不可用提示；如果使用者名稱可用，返回可用提

jsp頁面實現input框實時ajax校驗任務名稱是否存在

<span class="list_name" style="margin-left: 25px;">任務名稱：</span>

Ajax結合SpringMVC進行使用者名稱非同步校驗

1. JSP程式碼: <script> function checkName(){ var name=document.getElementBy

JavaWeb網上圖書商城完整項目--day02-6.ajax校驗功能之頁面實現

ret code 需要 gis 提交 ima date else back 1 、現在我們要在regist.js中實現ajax的功能,使用用戶名到後臺查詢是否註冊，郵箱是否到後臺註冊，驗證碼是否正確的功能我們來看regist.js的代碼 //該函數在html文檔加載完成

登錄(ajax提交數據和後臺校驗)

list gin status control png sta post ram else 1.前臺ajax數據提交 <form id="login_form" action="" method="POST"> <div class="login_f

Ajax異步方式實現登錄與參數的校驗

hasclass prim ann idcard lock stc item code repl 登錄代碼這個是使用Bootstrap3的組件功能實現的 <div class="login_con_R"> <

ext ajax validator全表單字段重復校驗處理

urn .get req 全局 lur 檢驗 pat info return 定義全局檢驗函數 basedev.baseSite.uniqueSiteName=function(field){ if(!field){ return true; } var editBa

精簡版的Ajax校驗用戶名

tps rip idt 數據 sage 9.png otto ges 導入後臺操作數據庫詳見https://www.cnblogs.com/zzb-yp/p/9316184.html 步驟1、2、3、4、5完成之後。 6、jsp頁面，導入js，在js中完成觸發事件實現與數

Thinkphp結合layer彈窗加ajax完成增刪改查方法

Thinkphp結合layer彈窗加ajax完成增加方法給每個input框繫結id就行了這是前端頁面 <!DOCTYPE html> <html> <head> {include file="public/head

第65篇 AJAX初識校驗使用者名稱登入示例檔案上傳 csrftoken

1，知識儲備 2. AJAX的定義　　非同步的JavaScript和XML 　　使用場景：　　　　JavaScript和後端的資料傳遞 2.1原生的JavaScript實現AJAX &nb

SpringBoot 校驗回顯資訊--Ajax請求Controller後返回Map--校驗提示賦值

直接上程式碼：第一： Controller類的方法： @ResponseBody @RequestMapping("/USER/Check") public Map<String,String>

ajax - 完成非同步使用者名稱校驗和非同步自動填充.

01_非同步使用者名稱校驗. 效果如下: 不重新整理頁面 , 輸完使用者名稱之後 , 傳送一次請求 , 進行判斷 . 準備工作: 1.首先要建立資料庫 , 並初始化表中資訊 . 2.匯入工具類和配置檔案. 3.建立好三層架構 , 就ok了. html頁

ajax 對輸入文字是否合法進行校驗

var cnmsg = { required: “必選欄位”, remote: “請修正該欄位”, email: “請輸入正確格式的電子郵件”, url: “請輸入合法的網址”, date: “請輸入合法的日期”, dateISO: “請輸入合法的日期 (ISO).”, number: “請

Django - 基於 ajax資料傳輸 + forms元件資料校驗 - 註冊功能頁面

目錄一、forms元件二、檢視函式三、前端頁面 3-1 JQuery相關操作四、資料庫相關一、forms元件 from django import forms from django.core.exceptions import Validatio

Ajax實現驗證碼非同步校驗

驗證碼非同步校驗可以防止表單提交後因驗證碼不正確導致已填的其它項都清空。整個過程圖如下驗證碼輸入框出程式碼 1 <div class="form-group"> 2 <label for="date" class="col-sm-2 control-label

form表單登入非同步ajax校驗

第一步:準備使用者登入的html頁面 <!DOCTYPE html> <html> <head> <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content

ajax,mybatis使用者名稱重複校驗

Controller層 @RestController public class StoreController { @Autowired private IStoreService storeService; @PostMapping("/editSt

ThinkPHP結合Ajax實現使用者名稱的校驗

相關推薦