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小时内与您取得联系。