var xmlHttp;
function createXMLHttpRequest() {
//表示当前浏览器不是ie,如ns,firefox
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validate(field) {
//alert(document.getElementById("userId").value);
if (trim(field.value).length != 0) {
//创建XMLHttpRequest
createXMLHttpRequest();
var url = "user_validate.jsp?userId=" + trim(field.value) + "×tamp=" + new Date().getTime();
xmlHttp.open("GET", url, true);
//方法地址,处理完成后自动调用,回调
xmlHttp.onreadystatechange=callback;
//将参数发送到Ajax引擎
xmlHttp.send(null);
}else {
document.getElementById("userIdSpan").innerHTML = "";
}
}
function callback() {
if(xmlHttp.readyState == 4) { //Ajax引擎初始化成功
if (xmlHttp.status == 200) { //http协议成功
document.getElementById("userIdSpan").innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";
}else {
alert("请求失败,错误码=" + xmlHttp.status);
}
}
}
<input name="userId" type="text" class="text1" id="userId" size="10" maxlength="10" onkeypress="userIdOnKeyPress()" value="<%=userId %>" onblur="validate(this)"><span id="userIdSpan"></span>
user_validate.jsp
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="com.bjpowernode.drp.sysmgr.manager.*" %>
<%
String userId = request.getParameter("userId");
if (UserManager.getInstance().findUserById(userId) != null) {
out.println("用户代码已经存在");
}
%>
分享到:
相关推荐
在本项目"ssm+ajax 验证用户名是否已存在"中,我们将探讨如何利用SSM框架和Ajax技术来实时检查用户在注册时输入的用户名是否已经被其他用户占用。 首先,Spring作为整个项目的依赖注入容器,负责管理应用中的对象,...
SSH整合AJAX验证用户名存在的完整实例是一个典型的Web开发应用场景,主要涉及了Struts2(S)、Spring(S)和Hibernate(H)三大框架的集成,以及异步JavaScript和XML(AJAX)技术的运用,用于提升用户体验。...
在Ajax验证用户名的场景中,jQuery可以用于更简单、更优雅地处理DOM操作和Ajax请求。例如,可以使用`$.ajax()`方法创建Ajax请求,设置请求类型、URL、数据以及成功的回调函数。以下是一个简单的示例: ```...
本项目“Ajax验证用户名和密码”旨在利用Ajax实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中,我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证,从而提高用户体验并减少服务器压力。 首先,让我们了解一下这些技术的基础知识: 1. ...
本主题将详细讲解如何在VS2008环境下,利用C#和jQuery的AJAX功能来实现无刷新验证用户名的功能。我们将探讨两种实现方法:一种是直接使用jQuery的GET方法,另一种是通过创建ASHX(HttpHandler)文件来处理请求。 ...
**Ajax验证用户名是否存在** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心是利用JavaScript与服务器进行异步数据交换,使得用户可以一边浏览网页...
"Ajax验证用户名是否存在"是一个常见的功能,它使得用户在输入用户名时可以即时得到反馈,无需频繁地提交表单来检查用户名是否已被占用。这个功能通过利用Ajax(异步JavaScript和XML)技术实现,极大地提升了交互性...
SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和...
在"Ajax验证用户名已存在"这个场景中,我们主要探讨的是如何利用Ajax技术实现在用户输入用户名时,后台实时检查该用户名是否已被注册。 在前端,通常我们会有一个表单,包含一个输入框让用户输入用户名,以及一个...
### Ajax验证用户名是否存在示例详解 #### 一、概述 在Web开发中,为了提高用户体验,经常会在用户输入用户名时即时验证该用户名是否已经被其他用户注册。这种验证方式可以通过Ajax技术实现,即在用户输入的同时向...
在Web开发中,Java与Ajax(Asynchronous JavaScript and XML)的结合可以实现异步数据...这个压缩包中的"Ajax验证用户名"应该包含了实现这一功能的相关代码,包括前端Ajax调用和后端Java处理逻辑,供开发者参考学习。
### 异步Ajax验证用户名(防止重名) #### 背景 在现代Web开发中,确保用户在注册过程中的信息唯一性是非常重要的。为了避免用户名重复的问题,开发人员经常使用Ajax技术来实现实时的用户名验证功能。这种方式不仅...
总结来说,Ajax是实现动态网页交互的关键技术,它在验证用户名是否可用的场景下提供了流畅的用户体验。而Rapid Validate这样的工具则帮助开发者保证代码质量,防止潜在的错误。结合两者,我们可以创建既高效又健壮的...
总之,"AJAX验证用户名的实例"是一个实用的入门项目,它涵盖了AJAX的基础知识,包括请求的发送、数据的接收和UI的更新。对于想要学习AJAX的初学者,这是一个很好的起点,可以帮助他们逐步掌握这种强大的Web开发技术...
### AJAX验证用户名 **基本概念:** AJAX验证用户名通常用于注册或登录表单,以实时检查用户输入的用户名是否已存在。这种验证提高了用户体验,因为用户无需提交表单就能立即得知用户名是否可用。 **步骤:** 1. *...
在这个"AJAX 验证用户名"的示例中,我们将探讨如何使用AJAX技术来实时检查用户在注册或登录时输入的用户名是否可用。 首先,让我们了解AJAX的基本工作原理。它通过JavaScript发送异步HTTP请求到服务器,获取数据,...
【SSH整合AJAX验证用户名存在和验证码的完整实例】是一个关于使用SSH(Struts、Spring、Hibernate)三大框架与AJAX技术相结合,实现用户注册时的异步验证功能的示例项目。在这个实例中,主要涉及到以下几个核心知识...