AJAX示例一(注册页面用户名验证)
2012-10-14 15:35
288 查看
页面展示代码:
Validate.jsp页面:
<tr> <td class="altbg1" width="21%">用户名:</td> <td class="altbg2"><input id="userid" name="username" size="25" maxlength="25" type="text" onBlur="validate()"> <span id="usermsg"></span>
<script type="text/javascript"> var req; function validate(){ var username=document.getElementById("userid"); var url="Validate.jsp?id="+escape(username.value);//escape用于对字符串进行编码,可以对其中的字符任意值进行解析 if(window.XMLHttpRequest) { //根据浏览器不同创建不同的req req = new XMLHttpRequest(); } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } req.open("GET", url, true);//true为异步 req.onreadystatechange = callback; req.send(null); } function callback() { if(req.readyState == 4) { if(req.status == 200) { //alert(req.responseText); var msg = req.responseXML.getElementsByTagName("msg")[0];//返回页面是一个XML文件,解析该文件得到msg对象 //alert(msg); setMsg(msg.childNodes[0].nodeValue);//xml文本中第一个msg对象的值 } } } function setMsg(msg) { //alert(msg); mdiv = document.getElementById("usermsg"); if(msg == "invalid") { mdiv.innerHTML = "<font color='red'>username exists</font>"; } else { mdiv.innerHTML = "<font color='green'>congratulations! you can use this username!</font>"; } } </script>
Validate.jsp页面:
<% response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-store"); //HTTP1.1 response.setHeader("Pragma", "no-cache"); //HTTP1.0 response.setDateHeader("Expires", 0); //prevents catching at proxy server System.out.println(request.getParameter("id")); //check the database response.getWriter().write("<msg>valid</msg>"); %>
相关文章推荐
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证。
- 使用JSP Servlet和Ajax实现简单的注册页面的用户名密码验证
- 用AJAX实现页面登陆以及注册用户名验证
- jsp注册页面,Ajax实现验证用户名是否存在,密码是否一致,当不存在时,注册按钮变成灰色。
- 用AJAX实现页面登陆以及注册用户名验证的简单实例
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证
- struts2基于ajax的验证用户名是否被注册示例
- ajax+javascript+php实现注册用户名无刷新验证
- 使用正则表达式验证注册页面(用户名,密码,确认密码,邮箱,手机号)
- 注册页面之前先验证用户名是否存在的php代码
- Jquery与ajax结合实现验证用户名(邮箱是否)已经被注册过
- AJAX实例一:用AJAX验证注册用户名是否可用
- 学习aiax(javascript)--页面无刷新用ajax检查用户名是否已注册(POST方式)
- <记录>Jquery + TP +Ajax 验证用户名是否注册
- EasyUI自定义验证-ajax验证用户名是否可用,成功并跳转页面
- jquery $.ajax验证用户名是否存在示例代码
- struts2中使用ajax验证邮箱(用户名)是否被注册
- AJAX实例一:用AJAX验证注册用户名是否可用
- AJAX .NET验证注册用户名是否已经被使用
- ajax+servlet实现注册验证(验证用户名是否存在)