AJAX操作04 模擬使用者註冊 jQ

2021-07-25 19:11:30 字數 1048 閱讀 6340

利用ajax技術實現使用者註冊,主要實現功能點如下:

1)使用者輸入註冊名字後,當焦點移開時系統立刻判斷該使用者名稱是否被使用並提醒給使用者

2)判斷使用者資訊是否輸出完整,若不完整,註冊時會提醒

3)判斷使用者兩次輸入密碼是否一致,若不一致,註冊時提醒

4)註冊成功資訊彈窗返回給使用者

1.視**件

2.js控制檔案

3.php檔案

<?php 

//連線資料庫

$conn = mysqli_connect("localhost","root","","html5-7");

$conn->query("set names utf8");

//獲取資料處理型別

$type = $_post['type'];

//根據不同的資料處理型別返回資料或將資料新增給資料庫

switch($type)'";

$ret = $conn->query($sql);

if(mysqli_affected_rows($conn)>0)';

}else';

}break;

case 'add':

$name = $_post['name'];

$pwd = $_post['pwd'];

$sql = "insert into user (name,pwd) values ('$name','$pwd')";

$ret = $conn->query($sql);

if(mysqli_affected_rows($conn)>0)';

}else';}}

4.最終效果

5.github

使用者註冊的ajax請求

說明 可以在ajax請求的方法中繼續請求ajax,此處是先驗證使用者名稱是否存在,請求的後台返回乙個布林值 booleans 如果返回的值為true的時候,說明使用者名稱存在,繼續在if語句中請求ajax,驗證手機號是否存在 注意 在的第三行有標藍的地方,此處是加了隨機數,url後面接了個隨機數,是...

JQuery運用ajax註冊使用者例項

js function checkname datatype html timeout 1000,error function success function data if data 恭喜,該使用者名稱可以註冊!if data 該使用者名稱不能為中文!if data 請輸入使用者名稱!funct...

AJAX 使用者註冊無重新整理驗證

處理程式 page language c debug true validaterequest false import namespace system import namespace system.data import namespace system.data.oledb import n...