使用ajax 实现用户的用户名注册验证，如果该用户已存在则提示该用户已存在

最新推荐文章于 2021-08-05 12:01:15 发布

ljh_learn_from_base

最新推荐文章于 2021-08-05 12:01:15 发布

阅读量1w

点赞数

分类专栏： jsp servlet 文章标签：使用ajax 实现用户的用户名注册验证

本文链接：https://blog.csdn.net/ljh_learn_from_base/article/details/72811068

版权

jsp 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

servlet

2 篇文章 0 订阅

订阅专栏

MyJsp.jsp 代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>MyJsp.jsp</title>

<!--

1导入JQuery库

2 获取name =userName的节点

3 为userName添加change 函数获取 userName的value属性值,

去除前后空格且不为空，准备发送ajax请求

发送ajax 请求并检验userName是否可用

在服务端直接返回一个HTML的片段

在客户端直接把其添加到#message的HTML中;

-->

//程序写完，要习惯性检查一下

$(function(){

$("#userName").change(function(){

var val=$(this).val();

val=$.trim(val);

if(val !=""){

var url="/MyCommunity/ValidateUserName";

var args={"userName":val,"time":new Date()};

$.post(url,args,function(data){

$("#message").html(data);

});

}

});

</script>

</head>

<body>

<form action="" method="post">

userName:<input type="text" name="userName" id="userName"/>

<br/>

<div id="message"></div>

<br/>

<input type="submit" value="提交" />

</form>

</body>

</html>

servlet 代码：


        
        
         
         
          
          package ui;
         
         
        
        
        
        
         
         
          
          import java.util.List;
         
         
        
        
        
        
         
         
          
          import java.io.IOException;
         
         
        
        
        
        
         
         
          
          import java.io.PrintWriter;
         
         
        
        
        
        
         
         
          
          import java.util.Arrays;
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
          import javax.servlet.ServletException;
         
         
        
        
        
        
         
         
          
          import javax.servlet.http.HttpServlet;
         
         
        
        
        
        
         
         
          
          import javax.servlet.http.HttpServletRequest;
         
         
        
        
        
        
         
         
          
          import javax.servlet.http.HttpServletResponse;
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
          public class ValidateUserName extends HttpServlet {
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           public void doGet(HttpServletRequest request, HttpServletResponse response)
         
         
        
        
        
        
         
         
          
           throws ServletException, IOException {
         
         
        
        
        
        
         
         
          
           request.getRequestDispatcher("/WEB-INF/jsp/MyJsp.jsp").forward(request, response);
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           }
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
           public void doPost(HttpServletRequest request, HttpServletResponse response)
         
         
        
        
        
        
         
         
          
           throws ServletException, IOException {
         
         
        
        
        
        
         
         
          
           List<String> userNames=Arrays.asList("AAA","BBB","CCC");
         
         
        
        
        
        
         
         
          
           String userName=request.getParameter("userName");
         
         
        
        
        
        
         
         
          
           String result=null;
         
         
        
        
        
        
         
         
          
           if(userNames.contains(userName)){
         
         
        
        
        
        
         
         
          
           result="<font color='red'>该用户名已存在</font>";
         
         
        
        
        
        
         
         
          
           }else{
         
         
        
        
        
        
         
         
          
           result="<font color='green'>该用户名可以使用</font>";
         
         
        
        
        
        
         
         
          
           }
         
         
        
        
        
        
         
         
          
           response.getWriter().print(result);
         
         
        
        
        
        
         
         
          
           }
         
         
        
        
        
        
         
         
          
           
         
         
        
        
        
        
         
         
          
          }

ljh_learn_from_base

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
使用ajax 实现用户的用户名注册验证，如果该用户已存在则提示该用户已存在

MyJsp.jsp 代码： page language="java" import="java.util.*" pageEncoding="UTF-8"%>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">html> head> title>MyJsp.jsptitle>
复制链接

扫一扫