全网整合营销服务商

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

免费咨询热线: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 


相关文章: 如何用美橙互联一键搭建多站合一网站?  历史网站制作软件,华为如何找回被删除的网站?  建站中国官网:模板定制+SEO优化+建站流程一站式指南  香港服务器WordPress建站指南:SEO优化与高效部署策略  建站之星如何助力网站排名飙升?揭秘高效技巧  专业网站制作服务公司,有哪些网站可以免费发布招聘信息?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  相册网站制作软件,图片上的网址怎么复制?  七夕网站制作视频,七夕大促活动怎么报名?  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  如何快速搭建FTP站点实现文件共享?  如何注册花生壳免费域名并搭建个人网站?  一键网站制作软件,义乌购一件代发流程?  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  在线制作视频网站免费,都有哪些好的动漫网站?  详解jQuery停止动画——stop()方法的使用  如何通过宝塔面板实现本地网站访问?  如何快速搭建高效可靠的建站解决方案?  深圳网站制作平台,深圳市做网站好的公司有哪些?  如何选择高性价比服务器搭建个人网站?  如何在云服务器上快速搭建个人网站?  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  陕西网站制作公司有哪些,陕西凌云电器有限公司官网?  网站制作难吗安全吗,做一个网站需要多久时间?  如何快速使用云服务器搭建个人网站?  宝塔新建站点为何无法访问?如何排查?  保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?  宝华建站服务条款解析:五站合一功能与SEO优化设置指南  建站10G流量真的够用吗?如何应对访问高峰?  黑客如何利用漏洞与弱口令入侵网站服务器?  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  制作网站的模板软件,网站怎么建设?  娃派WAP自助建站:免费模板+移动优化,快速打造专业网站  股票网站制作软件,网上股票怎么开户?  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  MySQL查询结果复制到新表的方法(更新、插入)  大型企业网站制作流程,做网站需要注册公司吗?  如何快速选择适合个人网站的云服务器配置?  如何彻底卸载建站之星软件?  独立制作一个网站多少钱,建立网站需要花多少钱?  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?  实惠建站价格推荐:2025年高性价比自助建站套餐解析  完全自定义免费建站平台:主题模板在线生成一站式服务  香港服务器部署网站为何提示未备案?  如何制作一个表白网站视频,关于勇敢表白的小标题?  头像制作网站在线制作软件,dw网页背景图像怎么设置?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  c# 在高并发场景下,委托和接口调用的性能对比  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的? 

您的项目需求

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