Entity層
該層主要包含一個用戶類" />

通過正則表達式使用ajax檢驗注冊信息功能

 更新時間:2020-01-15 15:59:36   作者:佚名   我要評論(0)

本期博客內容應該不算多,我們此次的目的是通過正則表達式并利用ajax可以實現動態交互的特點,檢驗注冊的用戶名以及密碼是否合法。
Entity層
該層主要包含一個用戶類

本期博客內容應該不算多,我們此次的目的是通過正則表達式并利用ajax可以實現動態交互的特點,檢驗注冊的用戶名以及密碼是否合法。

Entity層

該層主要包含一個用戶類User,代碼如下:

package cn.cpx.springmvc.entity;
import java.util.Date;
/**
 * 用戶實體類
 * @author autumn_leaf
 *
 */
public class User {
 
 private int uId;
 private String uName;
 private String uPwd;
 private String uPhone;
 private double uBalance;
 private int uState;
 private int uRole;
 private String uImage;//用戶頭像
 private Date uBirth;
 
 public int getuId() {
 return uId;
 }
 public void setuId(int uId) {
 this.uId = uId;
 }
 public String getuName() {
 return uName;
 }
 public void setuName(String uName) {
 this.uName = uName;
 }
 public String getuPwd() {
 return uPwd;
 }
 public void setuPwd(String uPwd) {
 this.uPwd = uPwd;
 }
 public String getuPhone() {
 return uPhone;
 }
 public void setuPhone(String uPhone) {
 this.uPhone = uPhone;
 }
 public double getuBalance() {
 return uBalance;
 }
 public void setuBalance(double uBalance) {
 this.uBalance = uBalance;
 }
 public int getuState() {
 return uState;
 }
 public void setuState(int uState) {
 this.uState = uState;
 }
 public int getuRole() {
 return uRole;
 }
 public void setuRole(int uRole) {
 this.uRole = uRole;
 }
 
 public String getuImage() {
 return uImage;
 }
 public void setuImage(String uImage) {
 this.uImage = uImage;
 }
 
 public Date getuBirth() {
 return uBirth;
 }
 public void setuBirth(Date uBirth) {
 this.uBirth = uBirth;
 }
 
 public User(int uId, String uName, String uPwd, String uPhone, double uBalance, int uState, int uRole,String uImage,Date uBirth) {
 super();
 this.uId = uId;
 this.uName = uName;
 this.uPwd = uPwd;
 this.uPhone = uPhone;
 this.uBalance = uBalance;
 this.uState = uState;
 this.uRole = uRole;
 this.uImage = uImage;
 this.uBirth = uBirth;
 }
 public User() {
 super();
 }
 public User(String uName, String uPwd, String uPhone) {
 super();
 this.uName = uName;
 this.uPwd = uPwd;
 this.uPhone = uPhone;
 }
 
 //添加注冊信息
 public User(String uName, String uPwd, String uPhone, Date uBirth) {
 super();
 this.uName = uName;
 this.uPwd = uPwd;
 this.uPhone = uPhone;
 this.uBirth = uBirth;
 }
 
 public User(String uName, String uPwd, String uPhone, String uImage) {
 super();
 this.uName = uName;
 this.uPwd = uPwd;
 this.uPhone = uPhone;
 this.uImage = uImage;
 }
 
 public User(String uName, String uPwd) {
 super();
 this.uName = uName;
 this.uPwd = uPwd;
 }
 @Override
 public String toString() {
 return "User [uId=" + uId + ", uName=" + uName + ", uPwd=" + uPwd + ", uPhone=" + uPhone + ", uBalance="
  + uBalance + ", uState=" + uState + ", uRole=" + uRole + ", uImage=" + uImage + ", uBirth=" + uBirth
  + "]";
 }
}

上述User類我們實際此次只會用到用戶名和密碼兩個屬性,其他屬性此次不會使用到。

Controller層

我們此次為操作方便,Dao層和Service層就不寫了,留給讀者自己去思考。我們新建UserController類,代碼如下:

package cn.cpx.springmvc.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import cn.cpx.springmvc.entity.User;
@Controller
@RequestMapping("/user")
public class UserController {
 /**
 * 根據輸入的用戶名查詢用戶名是否存在,實現前臺輸入用戶名及時驗證
 */
 @RequestMapping("/checkUname")
 @ResponseBody
 public String checkUname(User user) throws Exception {
 //根據user(前臺輸入的用戶名)查詢數據庫中用戶名
 //下面的判斷最好寫在Service中
 //使用String result = userService.checkUname(user);
 if("chen".equals(user.getuName())) {
  return "{\"msg\":\"no\"}";
 }
 return "{\"msg\":\"ok\"}";
 }
}

加上@ResponseBody注解,是為了確保返回JSON形式的數據,我們返回列表形式的字符串,并進行轉義,如果用戶名已經存在(這里僅有chen),則返回msg:no,相反,返回msg:ok。

視圖層

我們新建register.jsp,代碼如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="http://files.jb51.net/file_images/article/201910/2019100811032737.png" />
���������ͼƬ����

我們使用了兩種不同的事件,用戶名檢驗使用的是onkeyup,它是按鍵松開事件,密碼檢驗使用的是onblur,它是失去焦點事件,好了,檢驗結果也符合我們前面寫的邏輯思維了,本期博客就到這里了,我們下期見!

總結

以上所述是小編給大家介紹的通過正則表達式使用ajax檢驗注冊信息功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

您可能感興趣的文章:

  • Ajax和PHP正則表達式驗證表單及驗證碼
  • JS正則表達式完美實現身份證校驗功能
  • 正則表達式對qq號碼校驗
  • JS 密碼強度校驗的正則表達式(簡單且好用)
  • jquery 正整數數字校驗正則表達式
  • JavaScript正則表達式校驗非零的正整數實例
  • 利用js正則表達式校驗正數、負數、和小數

相關文章

  • 通過正則表達式使用ajax檢驗注冊信息功能

    通過正則表達式使用ajax檢驗注冊信息功能

    本期博客內容應該不算多,我們此次的目的是通過正則表達式并利用ajax可以實現動態交互的特點,檢驗注冊的用戶名以及密碼是否合法。 Entity層 該層主要包含一個用戶類
    2020-01-15
  • 淺談正則表達式中的分組和引用實現方法

    淺談正則表達式中的分組和引用實現方法

    問題 在外刊君讀者群中看到有人提出這樣的一個需求: 把字符串切成連續相同字符的正則怎么寫?比如abbcccdddd切成a,bb,ccc,dddd 之前我對正則表達式也是略有研究,想
    2020-01-15
  • python 正則表達式獲取字符串中所有的日期和時間

    python 正則表達式獲取字符串中所有的日期和時間

    提取日期前的處理 1.處理文本數據的日期格式統一化 text = "2015年8月31日,衢州元立金屬制品有限公司倉儲公司(以下簡稱元立倉儲公司)成品倉庫發生一起物體打擊
    2020-01-15
  • JSP+Servlet實現文件上傳到服務器功能

    JSP+Servlet實現文件上傳到服務器功能

    本文實例為大家分享了JSP+Servlet實現文件上傳到服務器功能的具體代碼,供大家參考,具體內容如下 項目目錄結構大致如下: 正如我在上圖紅線畫的三個東西:Dao、
    2020-01-15
  • 正則表達式(RegExp)判斷文本框中是否包含特殊符號

    正則表達式(RegExp)判斷文本框中是否包含特殊符號

    前言 有時,我們希望判斷文本框中用戶輸入的字符是否含有特殊符號(*/#[email protected]),就像用戶注冊時密碼框的填寫。 demo 利用 RegExp 對象,能很優雅的實現以上需求: // e
    2020-01-15
  • JSP實現分頁效果

    JSP實現分頁效果

    本文實例為大家分享了JSP實現分頁的具體代碼,供大家參考,具體內容如下 咱們在瀏覽網頁的時候,當一個頁面的數據不足以展示完全所有的內容,一般都涉及到分頁,下一
    2020-01-15
  • JS正則(RegExp)判斷文本框中是否包含特殊符號

    JS正則(RegExp)判斷文本框中是否包含特殊符號

    前言 有時,我們希望判斷文本框中用戶輸入的字符是否含有特殊符號(*/#[email protected]),就像用戶注冊時密碼框的填寫。 demo 利用 RegExp 對象,能很優雅的實現以上需求: // e
    2020-01-15
  • UNIX/LINUX SHELL 正則表達式語法詳解附使用方法

    UNIX/LINUX SHELL 正則表達式語法詳解附使用方法

    幾乎所有重要問題都需要從無用數據中過濾出有用數據。了解大量的 UNIX&#63; 命令行實用工具如何使用正則表達式 來去蕪取精。 非常奇怪,直到今天我仍然能重復周六
    2020-01-15
  • jsp filter 過濾器功能與簡單用法示例

    jsp filter 過濾器功能與簡單用法示例

    本文實例講述了jsp filter 過濾器功能與簡單用法。分享給大家供大家參考,具體如下: 過濾器的作用是什么&#63; 過濾器可以動態地攔截請求和響應,以變換或使用包含在
    2020-01-15
  • jsp 實現的簡易mvc模式示例

    jsp 實現的簡易mvc模式示例

    本文實例講述了jsp 實現的簡易mvc模式。分享給大家供大家參考,具體如下: jsp : java servlet page MVC全名是Model View Controller,是模型(model)-視圖(view)-
    2020-01-15

最新評論

老快3投注技巧