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中;
                     
     -->
   <script src="/MyCommunity/js/jquery-1.8.3.js"></script>
   <script type="text/javascript">
   //程序写完，要习惯性检查一下
      $(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);

}

 

}

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

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

    使用jquery ajax 实现用户的用户名注册验证,如果该用户已存在则提示该用户已存在 jQuery AJAX 基本使用方法 接口使用 http://180.76.117.80:8080/AjaxS ...

  2. php ajax邮箱,PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)

    前 言 直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. ...

  3. 阿里短信 ajax,阿里大于 短信 注册验证 ajax返回数据的问题

    使用阿里大于的sdk做注册时的手机验证码发送. 前台ui页面 手机号: 发送验证码 function sendphone(){ // 获取input的值 $phone=$('#examplephone ...

  4. 用python写注册登录界面web_用Python实现web端用户登录和注册功能

    这篇文章主要介绍了用Python实现web端用户登录和注册功能的教程,需要的朋友可以参考下 用户管理是绝大部分Web网站都需要解决的问题.用户管理涉及到用户注册和登录. 用户注册相对简单,我们可以先通 ...

  5. ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc

    Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要 很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...

  6. php注册验证用户名已存在,php ajax注册验证用户名是否存在代码_PHP教程

    php ajax注册验证用户名是否存在代码 这是注册程序是一款当用户输入完用户名是,就会自动去数据库中查询用户要注册的用户名是否己经被注册了,如果是返回提示否则提示可以注册. php教程 ajax注册 ...

  7. Ajax注册表单用户名实时验证

    原文地址为: Ajax注册表单用户名实时验证 1.1.1 摘要 很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用户名和电子邮件地址: ...

  8. html ajax验证用户名密码,AJAX实现注册验证用户名

    本文实例为大家分享了AJAX实现注册验证用户名的具体代码,供大家参考,具体内容如下 功能说明 当用户在注册页面输入用户名并且鼠标焦点离开输入框时,到数据表中去验证该用户名是否已经存在,如果存在提示不可 ...

  9. asp判断ajax请求 -asp.net,一个asp注册验证用户名是否重复的Ajax实例

    一个asp注册验证用户名是否重复的Ajax实例 1.需要用到的初始化xmlhttp实例和发送请求的javascript函数: 以下为引用的内容: // JavaScript Document func ...

最新文章

  1. RedHat9.0下载地址
  2. Vue.js 组件基础
  3. canal应用四：canal-adapter的使用
  4. python习题错误整理（一）
  5. JavaScript之节点的创建、替换、删除、插入
  6. linux 目录权限,Linux目录权限整理总结
  7. c#加粗代码_C# 8中的可空引用类型
  8. 一款好用的国产软件源代码缺陷分析平台 — CodeSense
  9. PHP fuser,打印机提示 50.1 fuser error 这样的错误,无法正常打印?
  10. 树莓派教程 - 2.1 树莓派USB摄像头 树莓派罗技免驱摄像头 fswebcam常用参数
  11. php微信上传图文素材,php使用curl 上传微信公共平台素材文件
  12. 中科大计算机学院直博,对微软亚洲研究院招收直博生与实习生的详细说明
  13. 利用java打印心型图案
  14. 按键控制LED灯开关
  15. 《Java核心技术》学习笔记——第8章 泛型程序设计
  16. 新手福利！超详细图标设计的七大原则
  17. seo建设者_网站优化之SEO开发标准
  18. Java三大特性/四大特性简单理解
  19. 荣耀全明星不显示服务器,新版本，新气象！这些荣耀全明星新版本的细节与豆知识你了解吗？...
  20. 1月共有49个区块链项目进行ICO，卖牛肉的都来玩区块链了！

热门文章

  1. 好文章也是要色香味俱全的！——CVPR2010最有趣文章
  2. [转载]R软件包vegan教程 5.1 函数adonis的使用_圈圈Bio_新浪博客
  3. 【Java版oj】day25星际密码、数根
  4. [GCC]告警信息梳理
  5. 离线安装k3s v1.21.1 和单进程原理
  6. Chromium命令行开关列表1
  7. justify-content 属性
  8. justify-content具体属性值
  9. 【mysql入门笔记01 2022.9.27】
  10. 悟空辅助显示连接服务器失败,悟空辅助的使用方法 第三期宠物助手