var req;
function validate()
{
var idField=document.getElementById("userId");
//var url="ajaxUserRegister.jsp?userId="+escape(idField.value);//escape对中文有问题
var url="ajaxUserRegister.jsp?userId="+idField.value;
url=encodeURI(url);
url=encodeURI(url); //写一个不行。如果写一个就是????号。写2个,则输出 %df%a4这种.
//alert(url);
if(window.XMLHttpRequest){
req=new XMLHttpRequest();
}else if(window.ActiveXObject){
req=new ActiveXObject("Micrsoft.XMLHTTP");
}
req.open("GET",url,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];
//alert(msg);
setMsg(msg.childNodes[0].nodeValue);
}
}
}
function setMsg(msg){
//alert(msg);
var mdiv=document.getElementById("usermsg");
if(msg=="no"){
mdiv.innerHTML="<font color='red'>username exists</font>"
}else if(msg=="yes"){
mdiv.innerHTML="<font color='green'>you can use the name</font>"
}else if(msg=="isNull"){
mdiv.innerHTML="<font color='red'>username can't be null</font>"
}
}
<td bgcolor="#D8F6F6" width="32%">
<html:text property="userId" size="30" maxlength="20" onblur="validate()"/>
<span id="usermsg"></span>
</td>
ajaxUserRegister.jsp:
<%@ page language="java" import="com.wt.bean.User" %>
<%@ page import="com.wt.action.UserAction;"%>
<%
//response.setCharacterEncoding("UTF-8");
response.setContentType("text/xml; charset=UTF-8");//xml,<msg>yes</msg>
response.setHeader("tCache-Control","no-cache");//HTTP1.1
response.setHeader("Pragma","no-cache");//HTTP1.0
response.setDateHeader("Expires",0);
//System.out.println("request.getParameter()===="+request.getParameter("userId"));
//check database
String userId=request.getParameter("userId");
if(userId==""||userId==null){
response.getWriter().write("<msg>isNull</msg>");
}else{
userId=java.net.URLDecoder.decode(userId,"UTF-8");//chinese <-->English
User user=UserAction.userService.getUser(userId);
if(user==null){
response.getWriter().write("<msg>yes</msg>");
}else{
response.getWriter().write("<msg>no</msg>");
}
}
%>
分享到:
相关推荐
在本项目"ssm+ajax 验证用户名是否已存在"中,我们将探讨如何利用SSM框架和Ajax技术来实时检查用户在注册时输入的用户名是否已经被其他用户占用。 首先,Spring作为整个项目的依赖注入容器,负责管理应用中的对象,...
本话题主要探讨如何利用Ajax实现用户注册时验证用户名是否已存在的功能,以及Rapid Validate工具的使用。 首先,当用户在注册界面输入用户名时,我们可以使用Ajax发送异步请求到服务器,查询数据库中该用户名是否已...
在"ajax异步验证用户名是否存在"的场景中,主要涉及以下几个步骤: 1. **前端交互**:当用户在注册表单中输入用户名并失去焦点时,JavaScript事件监听器会被触发。我们可以使用`addEventListener`来监听`blur`事件...
总的来说,利用JQuery和相应的验证插件,我们可以轻松实现复杂的表单验证,包括异步验证用户名是否已存在。这种方式不仅提高了开发效率,也让代码结构更加清晰,易于维护。在实际项目中,根据需求调整和扩展这些功能...
**Ajax验证用户名是否存在** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心是利用JavaScript与服务器进行异步数据交换,使得用户可以一边浏览网页...
"Ajax验证用户名是否存在"是一个常见的功能,它使得用户在输入用户名时可以即时得到反馈,无需频繁地提交表单来检查用户名是否已被占用。这个功能通过利用Ajax(异步JavaScript和XML)技术实现,极大地提升了交互性...
利用AJax调用数据库,验证用户名是否存在。本资源用VS2013所写,版本低导致打不开可用记事本查看,打开“验证用户名是否存在.aspx”和“WebService1.asmx.cs”两个文件即可。PS:请务必添加jquery-1.10.2.js文件。
为了提供更好的用户体验,"Ajax实时验证用户名邮箱等是否已经存在"的技术被广泛应用。这种技术利用Ajax(Asynchronous JavaScript and XML)异步通信,能够在用户输入时即时检查数据库,无需刷新页面就能得到反馈。...
jQuery AJAX 提供了一种异步的方式,使得客户端可以无刷新地与服务器进行交互,验证用户名是否已被占用。以下是对标题和描述中所述知识点的详细解释: 1. **jQuery AJAX**: jQuery 的 AJAX 方法允许开发者在不...
在开发Web应用时,验证用户输入是至关重要的一步,尤其是验证用户名是否已存在。这个主题涉及到的技术栈包括AJAX、Struts2、JSP和Java,它们共同构建了一个实时反馈的用户注册系统。下面将详细解释这些技术以及如何...
总结来说,这个"DWR验证用户名是否存在的例子"展示了如何利用DWR将Java后端逻辑集成到前端,实现无刷新的用户名验证。对于初学者,这是一个很好的起点,能够理解前后端交互的基本流程,同时了解DWR框架的使用。
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中,我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证,从而提高用户体验并减少服务器压力。 首先,让我们了解一下这些技术的基础知识: 1. ...
验证用户名是否存在,欢迎大家下载看看!下载看看
在网页应用中,验证用户名是否已经存在是一项基本但至关重要的功能。这有助于确保用户注册时选择的用户名是唯一的,防止重名现象发生。jQuery,一个广泛使用的JavaScript库,提供了丰富的功能来简化前端交互,包括...
### AJAX与Struts结合实现无刷新验证用户名是否存在 在Web开发中,用户体验是至关重要的因素之一。传统的表单提交方式往往会导致整个页面重新加载,这不仅降低了用户体验,还增加了服务器的负担。为了解决这一问题...
在这个"Ajax注册验证用户名实例"中,我们将深入探讨如何利用Ajax技术来实现用户在注册时实时验证用户名是否已存在,从而提供更优秀的用户体验。 首先,我们需要一个HTML页面作为用户界面,包含一个输入框让用户输入...
实现AJAX无刷新验证用户名存在的基本步骤如下: 1. **前端交互**:首先,我们需要在HTML中创建一个输入框让用户输入用户名,并添加一个按钮或者在失去焦点时触发验证。通过JavaScript监听事件,如`onkeyup`、`...
### Ajax实现异步刷新验证用户名是否已存在的具体方法知识点总结 #### 1. Ajax技术介绍 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。通过在后台与...
在ASP.NET中使用jQuery实现无刷新的验证用户名是否存在,是一种典型的AJAX应用,它通过异步请求与服务器交互,无需重新加载整个页面即可完成数据的校验,极大地提升了用户体验。以下是对这一知识点的详细解析: ###...
SSH整合AJAX验证用户名存在的完整实例是一个典型的Web开发应用场景,主要涉及了Struts2(S)、Spring(S)和Hibernate(H)三大框架的集成,以及异步JavaScript和XML(AJAX)技术的运用,用于提升用户体验。...