全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Ajax验证用户名或昵称是否已被注册

JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。

页面:

简单的输入框

<body>
  昵称:<input type="text" name="username" ><span id="msg">请输入昵称</span><br>
  密码:<input type="password" name="password">
 </body>

JS代码如下:

window.onload=function()
    {
      var nameElement=document.getElementsByName("username")[0];
      //为昵称选项注册onblur事件
      nameElement.onblur=function()
      {
        var name=this.value;
        //1.获取XMLHttpRequest对象
        var req=getXMLHttpRequest();
        //4.处理响应结果
        req.onreadystatechange=function(){
          if(req.readyState==4){//XMLHttpRequest对象读取成功
            if(req.status==200){//服务器相应正常
              var msg=document.getElementById("msg");
              //根据返回的结果显示不同的信息
              if(req.responseText=="true"){
                msg.innerHTML="<font color='red'>该昵称已注册</font>";
              }else{
                msg.innerHTML="<font color='green'>可以使用</font>";
              }
            }
          }
        }
        //2.建立一个连接
        req.open("get","${pageContext.request.contextPath}/servlet/checkUserServlet?name="+name);
        //3.发送get请求
        req.send(null);
      }
    }

getElementsByName方法,根据浏览器的不同获得不同的XMLHttpRequest对象(提供异步发送请求的能力):

function getXMLHttpRequest(){
  var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlhttp;
}

servlet:仅仅为了测试,并没有真正从dao层查询

public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    PrintWriter pw=response.getWriter();
    String name=request.getParameter("name");
    //判断昵称是否已被使用
    if("tom".equals(name)){
      pw.print(true);
    }else{
      pw.print(false);
    }
  }
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    doGet(request, response);
  }

测试:

由于在servlet中我们只验证tom是否存在,所以tom显示已使用。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# ajax验证用户名  # ajax实现用户名验证  # ajax验证用户名是否存在  # ajax验证昵称  # jquery+ajax实现注册实时验证实例详解  # 用AJAX实现页面登陆以及注册用户名验证的简单实例  # PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)  # Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)  # Ajax注册用户时实现表单验证  # ajax对注册名进行验证检测是否存在于数据库中  # AJAX+JAVA用户登陆注册验证的实现代码  # asp ajax注册验证之 防止用户名输入空格  # 使用struts2+Ajax+jquery验证用户名是否已被注册  # AJAX实现注册验证用户名  # 是个  # 已被  # 请输入  # 可以使用  # 建立一个  # 是否存在  # 就可以  # 输入框  # 而用  # nameElement  # var  # document  # onblur  # getElementsByName  # function  # onload  # window  # JS 


相关文章: 如何通过西部建站助手安装IIS服务器?  制作电商网页,电商供应链怎么做?  广州美橙建站如何快速搭建多端合一网站?  道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?  如何在阿里云购买域名并搭建网站?  成都网站制作价格表,现在成都广电的单独网络宽带有多少的,资费是什么情况呢?  平台云上自助建站如何快速打造专业网站?  建站之星2.7模板快速切换与批量管理功能操作指南  网站制作的步骤包括,正确网址格式怎么写?  建站之星代理商如何保障技术支持与售后服务?  Android自定义listview布局实现上拉加载下拉刷新功能  如何获取上海专业网站定制建站电话?  制作公司内部网站有哪些,内网如何建网站?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  如何快速查询域名建站关键信息?  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  建站主机功能解析:服务器选择与快速搭建指南  山东云建站价格为何差异显著?  兔展官网 在线制作,怎样制作微信请帖?  建站主机数据库如何配置才能提升网站性能?  音乐网站服务器如何优化API响应速度?  香港服务器如何优化才能显著提升网站加载速度?  网站制作说明怎么写,简述网页设计的流程并说明原因?  魔毅自助建站系统:模板定制与SEO优化一键生成指南  微信推文制作网站有哪些,怎么做微信推文,急?  网站制作的方法有哪些,如何将自己制作的网站发布到网上?  网站制作公司排行榜,四大门户网站排名?  建站之星如何实现PC+手机+微信网站五合一建站?  linux top下的 minerd 木马清除方法  建站主机与服务器功能差异如何区分?  如何在IIS中新建站点并配置端口与物理路径?  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  建站主机默认首页配置指南:核心功能与访问路径优化  宝华建站服务条款解析:五站合一功能与SEO优化设置指南  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?  Python多线程使用规范_线程安全解析【教程】  专业商城网站制作公司有哪些,pi商城官网是哪个?  javascript中对象的定义、使用以及对象和原型链操作小结  如何在建站宝盒中设置产品搜索功能?  宝塔建站无法访问?如何排查配置与端口问题?  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样?  大连网站制作公司哪家好一点,大连买房网站哪个好?  如何快速生成专业多端适配建站电话?  油猴 教程,油猴搜脚本为什么会网页无法显示?  建站之星免费模板:自助建站系统与智能响应式一键生成  如何通过宝塔面板实现本地网站访问?  建站VPS推荐:2025年高性能服务器配置指南  建站之星如何快速生成多端适配网站?  西安专业网站制作公司有哪些,陕西省建行官方网站?  深圳网站制作的公司有哪些,dido官方网站? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。