Ajax java 实现用户名自动验证

最新推荐文章于 2025-08-19 15:31:16 发布
原创 最新推荐文章于 2025-08-19 15:31:16 发布 · 2.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #java #function #xmlhttprequest #action #user

本文介绍了一个使用Ajax实现的用户名自动验证功能。该功能包括了用户名格式验证、唯一性检查及前端实时反馈等功能，能够帮助开发者快速集成到自己的项目中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

/**************************************************
Ajax 实现 用户名自动验证功能
Code by 段高辉   E-mail:gaohuisoft@hotmail.com
*************************************************/
// JavaScript Document
//创建XMLHttpRequest 实例 req，并接受用户参数#########
var req = false;
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
req = false;
}
}
if (!req && typeof XMLHttpRequest != 'undefined') {
req = new XMLHttpRequest();
}

//发送请求 参数依次为 传送方式（get、post），处理网址（url），同步（true，false）
function Send( medhot, url, tb, action, msgFalse, msgTrue ){
 var medhot=medhot;
 var url=url;
 var tb=tb;
 req.open( medhot, url, tb );
 req.onreadystatechange =  function() {RequestProcessor( action, msgFalse, msgTrue )};
 if ( ! XMLHttpRequestState(req)){
  req.send();
 }else{
  //document.write("对不起，请稍等...")
 }
}

//验证xmlHttp状态是否正在请求
function XMLHttpRequestState(req){
 switch ( req.ReadyState ){
  case 1,2,3:
   return true;
   break;
  default:
   return false;
   break;
 }
}
//onreadystatechange 请求处理机制 RequestProcessor #########
function RequestProcessor( action, msgFalse, msgTrue ){
 var chk = "false";
 if ( req.ReadyState == 4 ) //等于4表示请求
  {
   //返回状态 state 等于 200 表示一切顺利
   if ( req.status == 200 ) {
    //如果responseText不为空，说明有信息返回
    var text = req.responseText;
    if ( text != "" ){ 
      if (text=="true" ){
       InnerHtml( action+"_alert", msgFalse );
       ChangeClass( action+"_alert", "chk_false");
      }else{
       InnerHtml( action+"_alert", msgTrue );
       ChangeClass( action+"_alert", "chk_true");
       chk = "true";
      }
     }else{
      InnerHtml( "user_alert", "重新选择" );
     }
   }else {
    InnerHtml( "user_alert", req.status)
    //document.write(req.status)
   }
  }
 document.getElementById( action+"_chk" ).value = chk;
  // alert( action + "---"+ chk + "-----" + document.getElementById( action+"_chk" ).value);
}

/*DIV innerHTML属性函数 ##########*/
//参数以此为  对象ID，内容
function InnerHtml( objectId, objectContent ){
 document.getElementById( objectId ).innerHTML = objectContent;
}

//修改对象class属性
function ChangeClass( objectId, classname){
 document.getElementById( objectId ).className = classname;
}
//判断字符串中是否含有中文
function   checkIsChinese(str)  
  {  
          //如果值为空，通过校验  
          //var   pattern   =   /^([/u4E00-/u9FA5]|[/uFE30-/uFFA0])*$/gi;
    var pattern = /[   　/u4e00-/u9fa5]/;
          if   (pattern.test(str))  
                  return   true;  
          else  
                  return   false;
  }
 
/*字符长度
属性依次为 对象ID,要求字符长度，错误提示
*/
function ChkLength( objectId, strLength ){ 
     lengthChk=false;
 objectAlert=objectId+"_alert"
 str=document.getElementById( objectId ).value;
 if ( str.length < strLength ){
  lengthChk=true;
 }
 return lengthChk;
}
/*验证密码字符长度*/
function ChkPassword(objectId, strLength ){
 chkPassword=true;
 if ( ChkLength( objectId, strLength ) ){
  InnerHtml( objectAlert, "密码不少于6位字符" );
  chkPassword = false;
 }else{
  InnerHtml( objectAlert, "密码通过验证" );
 }
 ChangeClass( objectAlert, "chk_"+chkPassword);
 if ( document.getElementById( objectId+"2" ).value != "" )
 PasswordFlag( objectId+"2", objectId )
 return chkPassword;
}

/*密码确认*/
/*参数依次为 确认密码，密码*/
function PasswordFlag( pass2, pass){ 
    var chkPasswordFlag = true ;
 psd=document.getElementById(pass).value;
 psd2=document.getElementById(pass2).value;
 psd2Alert=pass2+"_alert"
 if (psd == psd2){
  InnerHtml( psd2Alert, "确认密码正确" );
 }else{
  InnerHtml( psd2Alert, "确认密码不正确" );
  chkPasswordFlag = false;
 }
 if ( ChkLength( pass2, 6 ) ){
  InnerHtml( psd2Alert, "密码不少于6位字符" );
  chkPasswordFlag = false;
 }

ChangeClass( psd2Alert, "chk_"+chkPasswordFlag);
 return chkPasswordFlag;
}
//是否包含指定字的验证
//参数依次为  需要验证的字符串，字符 用，隔开
function ChkChar( str, char ){
 var chk=false;
 var charArray= char.split(",");
 var charArrayUbound= charArray.length;
 for ( i=0; i<=charArrayUbound; i++ ){
  if ( str.indexOf( charArray[ i ] ) != -1 ){
   chk = true;
   break;
  }
 }
 return chk;
}
//用户名验证
function Chkuser( objectId )
{
 chkUser = true;
 user = document.getElementById( objectId ).value;
 objectAlert=objectId+"_alert";
  var reg = /^[0-9a-zA-Z]{4,20}$/;
  if ( !reg.test( user ) )
  {
   InnerHtml( objectAlert, "只能是4-20位0-9和a-z的组合区分大小写" );
   ChangeClass( objectAlert, "chk_false")
   chkUser = false;
  }
  else
  {
   InnerHtml( objectAlert, "用户名正确" );
  }
 ChangeClass( objectAlert, "chk_"+chkUser);
 return chkUser;
 
}
/*判断邮箱是否正确*/
function IsEmail( objectId ){
 var chkEmail = true ;
 var mail = document.getElementById( objectId ).value;
 objectAlert=objectId+"_alert"
    var reg = /^[0-9A-Za-z_/-]+@[0-9A-Za-z-]+(/.[a-zA-Z]+){1,}$/;
    if ( !reg.test(mail) )
    {
     InnerHtml( objectAlert, "邮箱地址格式错误" );
     chkEmail = false;
    }
    else
    {
     InnerHtml( objectAlert, "邮箱地址格式正确" )
    }
 ChangeClass(objectId+"_alert", "chk_"+chkEmail)
 return chkEmail ;
}
//邮箱验证结束
//验证码验证
function ChkImg( objectId )
{
 chkImg = true;
 img = document.getElementById( objectId ).value;
 objectAlert=objectId+"_alert";
  var reg = /^[0-9]+$/;
  if ( !reg.test( img ) )
  {
   InnerHtml( objectAlert, "只能是数字" );
   ChangeClass( objectAlert, "chk_false")
   chkImg = false;
  }
  else
  {
   InnerHtml( objectAlert, "验证码格式正确" );
  }
 ChangeClass( objectAlert, "chk_"+chkImg);
 return chkImg;
 
}
//判断用户名是否存在
function UserExist( objectId )
{
 if ( Chkuser( objectId ) ){
 user = document.getElementById( objectId ).value;
 Send( "GET", "yp.htm?ddc=check_yp&user="+user, true, objectId, "用户名已经存在", "用户名可以正常使用" );
 }
}
//判断验证码是否正确
function ChkCode( objectId )
{  
    if ( ChkImg( objectId ) ){
    var img = document.getElementById( objectId ).value;
 Send( "GET", "yp.htm?ddc=check_img&img="+img, true, objectId, "验证码不正确", "验证码正确" );
 }
}
//判断提示问题的答案是否填写;
function ChkAnswer( objectId )
{
 var chkAnswer = false;
 var objectAlert = objectId+"_alert";
 var answer = document.getElementById( objectId ).value;
 if ( ChkLength( objectId, 3 ) )
 {
  InnerHtml( objectAlert, "提示答案不小于3位字符" );
 }
 else
 { 
  if ( !ChkChar( answer, "',-,&,*" ) )
  {
   InnerHtml( objectAlert, "提示答案正确" );
   chkAnswer = true;
  }
  else
  {
   InnerHtml( objectAlert, "不能含有特殊字符/"'/",/"-/",/"&/",/"*/"" );
  }
 }
 ChangeClass( objectAlert, "chk_"+chkAnswer);
 return chkAnswer;
}
//判断公司名称是否填写
function ChkConame( objectId )
{
 var chkConame = false;
 var objectAlert = objectId+"_alert";
 var coname = document.getElementById( objectId ).value;
 if ( ChkLength( objectId, 4 ) )
 {
  InnerHtml( objectAlert, "公司名称不小于4位字符" );
 }
 else
 { 
  if ( !ChkChar( coname, "',-,&,*" ) )
  {
   InnerHtml( objectAlert, "<font clor=green>正确</font>" );
   chkConame = true;
  }
  else
  {
   InnerHtml( objectAlert, "不能含有特殊字符/"'/",/"-/",/"&/",/"*/"" );
  }
 }
 ChangeClass( objectAlert, "chk_"+chkConame);
 return chkConame;
}
//判断联系人是否为空
function ChkColxr( objectId )
{
 var chkColxr = false;
 var objectAlert = objectId+"_alert";
 var colxr = document.getElementById( objectId ).value;
 if ( ChkLength( objectId, 2 ) )
 {
  InnerHtml( objectAlert, "联系人不小于2位字符" );
 }
 else
 { 
  if ( !ChkChar( colxr, "',-,&,*" ) )
  {
   InnerHtml( objectAlert, "正确" );
   chkColxr = true;
  }
  else
  {
   InnerHtml( objectAlert, "不能含有特殊字符/"'/",/"-/",/"&/",/"*/"" );
  }
 }
 ChangeClass( objectAlert, "chk_"+chkColxr);
 return chkColxr;
}
//判断地址是否为空//
function ChkCoaddress( objectId )
{
 var chkCoaddress = false;
 var objectAlert = objectId+"_alert";
 var coaddress = document.getElementById( objectId ).value;
 if ( ChkLength( objectId, 4 ) )
 {
  InnerHtml( objectAlert, "地址不小于4位字符" );
 }
 else
 { 
  if ( !ChkChar( coaddress, "',-,&,*" ) )
  {
   InnerHtml( objectAlert, "正确" );
   chkCoaddress = true;
  }
  else
  {
   InnerHtml( objectAlert, "不能含有特殊字符/"'/",/"-/",/"&/",/"*/"" );
  }
 }
 ChangeClass( objectAlert, "chk_"+chkCoaddress);
 return chkCoaddress;
}
//判断电话是否为空//
function ChkCotel( objectId )
{
 chkCotel = true;
 cotel = document.getElementById( objectId ).value;
 objectAlert=objectId+"_alert";
  var reg = /^[0-9]+$/;
  if ( !reg.test( cotel ) )
  {
   InnerHtml( objectAlert, "电话填写不正确" );
   ChangeClass( objectAlert, "chk_false")
   chkCotel = false;
  }
  else
  {
   InnerHtml( objectAlert, "电话填写正确" );
  }
 ChangeClass( objectAlert, "chk_"+chkCotel);
 return chkCotel; 
}
//检测电话区号//
function ChkCotelq( objectId )
{
 chkCotelq = true;
 cotelq = document.getElementById( objectId ).value;
 objectAlert=objectId+"_alert";
  var reg = /^[0-9]+$/;
  if ( !reg.test( cotelq ) )
  {
   InnerHtml( objectAlert, "区号只能是数字" );
   ChangeClass( objectAlert, "chk_false")
   chkCotelq = false;
  }
  else
  {
   InnerHtml( objectAlert, "区号填写正确" );
  }
 ChangeClass( objectAlert, "chk_"+chkCotelq);
 return chkCotelq; 
}
//注册用户数据检测开始//
function ChkForm(){ 
 chkForm = true;
 if ( !Chkuser( "user" ) ){
  return chkForm = false;
 }else{ 
 if ( document.getElementById( "user_chk" ).value == "false" ){
   InnerHtml("user_alert", "用户名已经存在" );
   ChangeClass("user_alert", "chk_false");
  }else{
   InnerHtml("user_alert", "用户名可以正常使用" );
   ChangeClass("user_alert", "chk_true");
  }
 }
 if ( !ChkPassword("pass", 6 ) ){
  return chkForm = false;
 }
 if ( !PasswordFlag("pass2", "pass" ) ){
  return chkForm = false;
 }
 if ( !ChkAnswer("answer" ) ){
  return chkForm = false;
 }
 if(!ChkConame("coname")){
  return chkForm = false;
  }
 if(!ChkColxr("colxr")){
  return chkForm = false;
  }
 if(!ChkCotelq("cotelq")){
  return chkForm = false;
  }
 if(!ChkCotel("cotel")){
  return chkForm = false;
  }
  //邮件验证
 if(!IsEmail("mail")){
  return chkForm = false;
  }
 if ( !ChkCoaddress("coaddress" ) ){
  return chkForm = false;
 }
 //验证码验开始
 if ( !ChkImg( "img" ) ){
  return chkForm = false;
 }else{ 
 if ( document.getElementById( "img_chk" ).value == "false" ){
   InnerHtml("img_alert", "验证码不正确" );
   ChangeClass("img_alert", "chk_false");
   return chkForm = false;
  }else{
   InnerHtml("img_alert", "验证码正确！" );
   ChangeClass("img_alert", "chk_true");
  }
 }
 return chkForm;
} 

duangaohui
关注
使用Hydra和Burp Suite破解在线Web表单密码
CHK的博客
07-20 9865
如何使用THC-Hydra和Burp Suite破解在线Web表单密码 步骤1: 打开THC-Hydra第1步：打开THC-Hydra 那么，让我们开始吧。 启动Kali并打开应用程序中的THC-Hydra - &amp;amp;gt; Kali Linux - &amp;amp;gt;密码攻击 - &amp;amp;gt;在线攻击 - &amp;amp;gt; hydra。 步骤2: 获取Web表单参数第2步：获取Web表单参数 为了能够...
使用JQuery validate插件进行客户端验证
海洋之心
05-10 4754
使用JQuery的validate插件做客户端验证非常方便，下面做一个使用validate插件验证用户注册信息的例子。 jquery.validate.js 可以去http://bassistance.de/jquery-plugins/jquery-plugin-validation/下载，现在最新版本是1.8，我使用的是1.5。 示例是在SSH下做的，代码如下： registe.jsp
用ajax实现用户名的检测（JavaScript方法）
weixin_30478619的博客
01-02 175
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht...
ajax - 完成异步用户名校验和异步自动填充.
XiaoJian的博客
10-26 540
01_异步用户名校验. 效果如下: 不刷新页面 , 输完用户名之后 , 发送一次请求 , 进行判断 . 准备工作: 1.首先要创建数据库 , 并初始化表中信息 . 2.导入工具类 和 配置文件. 3.创建好三层架构 , 就ok了. html页面: aaa.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;
Ajax异步处理当用户申请新用户时，输完用户名鼠标点击其他地方后就弹出提示该用户名是否注册的方法...
梦幻衣园
10-11 227
Ajax异步处理当用户申请新用户时，输完用户名鼠标点击其他地方后就弹出提示该用户名是否注册的方法：   Ajax处理的JS代码: &lt;script language="javascript"&gt; var xmlHttpReq;function createXmlHttpRequest() { if (window.XMLHttpRequest) {  xmlHttpReq = ne...
JQuery+AJAX实现用户名验证
03-16
本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能，以此来确保用户输入的用户名的独特性。这个过程涉及到前端与后端的交互，以及JavaScript、jQuery库和HTTP请求的基本原理。 首先，...
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
12-08
总结起来，这个实例展示了如何利用jQuery的Ajax功能，结合简单的服务器端代码，实现用户名存在的实时验证，提升了用户体验。通过这个例子，我们可以学习到Ajax的使用方法，包括设置请求类型、URL、数据、数据类型，...
基于jQuery实现的Ajax 验证用户名唯一性实例代码
10-19
在本文中，我们将详细探讨如何利用jQuery结合Ajax技术来实现网页中用户名的唯一性验证功能。重点内容将分为前端JSP代码和后端Java代码两个部分进行讲解，从而形成一个完整的实例。 ### 前端JSP代码知识点 1. **...
利用ajax实现用户名登录验证(肯定正确).pdf
10-11
【Ajax实现用户名登录验证】 Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在用户登录验证场景中，Ajax 的优势在于它可以在后台与服务器进行通信，用户界面...
PostgreSQL中的chkpass模块
HighGO
03-22 410
目录 文档用途 详细信息 文档用途 chkpass模块使用了一个名为chkpass的数据类型，此类型适用于存储加密的口令。 详细信息 1.chkpass模块的基本功能 使用chkpass模块后，每个口令在输入的时候就自动的被转换为加密的形式，而且总是以加密的形式存储。进行比较时，可简单地与明文口令比较，比较函数会先对明文口令进行加密。 如果在输入的字符串之前加上冒号，它...
JS前端验证
超超超超哥的博客
01-14 3784
易购——login        window.onload=function(){ // alert("Go")      var userName = document.getElementById("userName").value; ;     // alert(userName);      var resuName  =document.getElementById(
简单ajax应用实例：ajax+jsp实现用户名验证
cj_to_niu
04-26 8994
转载出处：http://blog.youkuaiyun.com/javaalpha/article/details/6559176 [c-sharp] view plain copy ajax是个好东西，本文简单介绍ajax+jsp实现用户名验证的方法。   html页面:      AJAX实例：对用户名的校验      "text/
Java验证用户名和密码
热门推荐
jijiangpeng的博客
07-08 1万+
假设在某仓库管理系统的登录界面中需要输入用户名和密码，其中用户名只能由 6~10 位数字组成，密码只能有 6 位，任何不符合用户名或者密码要求的情况都视为异常，并且需要捕获并处理该异常。 下面使用自定义异常类来完成对用户登录信息的验证功能，实现步骤如下。 (1) 编写自定义异常类 LoginException，该类继承自 Exception。在 LoginException 类中包含两个构造方法，...
AJAX （一）
最新发布
weixin_45280713的博客
08-19 327
AJAX允许通过与后台的Web服务器交换数据来“异步”更新网页内容。可以更新网页的，而无需重新加载整个页面。更新网页而无需重新加载页面AJAX可以发送和接收各种格式的信息，包括JSON，XML，HTML和文本文件。简而言之，就是使用XMLHttpRequest对象与服务器进行通信。AJAX的两个主要功能使您可以执行以下操作： 向服务器发出请求，而无需重新加载页面 从服务器接收和处理数据AJAX不是一种编程语言，它是一种用于从网页访问Web服务器的技术。
AJAX 简介
lsx202406的博客
08-16 391
AJAX是一种强大的技术，它使得网页的动态更新成为可能。通过本文的介绍，相信读者已经对AJAX有了基本的了解。在实际应用中，AJAX可以大大提高用户体验，为网站带来更多价值。
【实时Linux实战系列】基于实时Linux的自适应控制系统
望获实时Linux系统
08-19 523
本文介绍了基于实时Linux的自适应控制系统开发技术，重点阐述了其在工业自动化、航空航天等领域的应用价值。文章详细说明了环境准备、案例实现步骤和调试方法，包括温度自适应控制系统的开发过程，涉及实时任务调度、传感器数据采集和PWM控制等关键技术。同时提供了常见问题的解决方案和性能优化建议，为开发者掌握这一技术提供了实用指导。该技术能显著提升系统响应速度和稳定性，适用于需要高精度实时控制的各类场景。
Java——琐碎知识点2
2401_88065518的博客
08-15 759
Java基础知识点：Java官方帮助文档、Scanner扫描器、快捷键、“==”做比较、获取代码运行时间、打印对象名时不会出现内存地址的类型、Arrays类常用方法、循环标号的使用、Lambda表达式、异常处理、Java浮点数的精度问题（BigDecimal）、DecimalFormat格式化数字工具、printf格式化输出
08.常见文本处理工具
weixin_56408536的博客
08-18 611
查看二进制文件的不同。
Java实现的Ajax用户名验证技术解析
通过Java后端结合前端JavaScript实现的AJAX用户名验证功能，可以在不刷新页面的情况下与用户进行交互，提升用户体验，减少页面加载时间，是现代Web应用开发中不可或缺的技术之一。对于开发者而言，熟悉Servlet或...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值