<script language = JavaScript>
function validate(field){
if(trim(field.value).length != 0){
var xmlHttp;
// 创建Ajax核心对象XMLHttpRequest
//表示当前浏览器不是ie,如ns.firefox
if(window.XMLHTttpRequest){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
var url = "user_validate.jsp?userId="+trim(field.value) +"&time"+new Date().getTime();
xmlHttp.open("get",url,true);
// 将方法地址复制费onreadystatechange属性
xmlHttp.onreadystatechange=function(){
//alert(xmlHttp.readyState);
//Ajax引擎状态为成功
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
if(trim(xmlHttp.responseText) != ""){
document.getElementById("spanUserId").innerHTML = "<font color=red>"+xmlHttp.responseText+"</font>";
}else{
document.getElementById("spanUserId").innerHTML ="";
}
}else{
alert("请求失败,错误代码="+xmlHttp.status);
}
}
};
//将信息发送到Ajax引擎
xmlHttp.send(null);
}else{
document.getElementById("spanUserId").innerHTML = "";
}
}
</script>
<input name="userId" type="text" class="text1" id="userId" size="10" maxlength="10" onkeypress="userIdOnKeyPress()" onblur="validate(this)"/>
<span id="spanUserId"></span>
user_validate.jsp文件实现如下
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="com.bjsxt.drp.sysmgr.*" %>
<%
/*
//可以采用清除缓存的方法,如下
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-store"); //HTTP1.1
response.setHeader("Pragma", "no-cache"); //HTTP1.0
response.setDateHeader("Expires", 0);
*/
String userId = request.getParameter("userId");
if (UserManager.getInstance().findUserById(userId) != null) {
out.println("用户代码[" + userId + "]已经存在!");
}
%>
分享到:
相关推荐
"ajax+jQuery+struts2验证用户名是否重复"的实现过程涉及到了几个关键的技术点,主要包括Ajax、jQuery和Struts2框架。下面将详细阐述这些技术及其在实际操作中的应用。 **1. Ajax(异步JavaScript和XML)** Ajax是...
3. **服务器端逻辑**:在ASP.NET页面或处理程序中,接收来自客户端的用户名,并查询SQL Server 2000数据库,检查该用户名是否已存在。如果存在,则返回一个表示用户名已被占用的标志;否则,返回可用状态。 4. **...
例如,使用fetch检查用户名可用性可以这样写: ```javascript fetch('/check-username', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ username: userInput ...
2. **发送AJAX请求**:调用之前创建的AJAX函数,将用户名作为参数传递,向服务器查询。 ```javascript function checkUsernameAvailability(username) { xhr.open('GET', 'check_username....
使用PHP连接到Oracle数据库,执行SQL查询,检查用户名是否存在于用户表中。例如: ```php // 连接Oracle数据库 $connection = oci_connect('username', 'password', 'localhost/service_name'); if (!$connection)...
本实例主要讲解如何使用Ajax异步检查用户名是否已存在。 首先,我们需要理解Ajax的基本工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。以下是一个简单的...
1. **创建Servlet**:首先,你需要创建一个Servlet,如`UserNameCheckServlet`,它将接收Ajax请求并检查用户名是否已被占用。这通常涉及到查询数据库以验证用户名的独特性。 ```java @WebServlet("/...
本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能,以此来确保用户输入的用户名的独特性。这个过程涉及到前端与后端的交互,以及JavaScript、jQuery库和HTTP请求的基本原理。 首先,...
例如,使用jQuery的`$.ajax()`或`$.get()`方法,设置URL指向检查用户名或邮箱的接口,传入待验证的值,并设置回调函数处理服务器返回的结果。 5. **后端接口**:后端需要提供一个API接口,接收前端发送的用户名或...
当用户在输入框中输入用户名并点击“验证”按钮时,`ajax.js`会发起一个Ajax请求到服务器,服务器检查数据库中是否存在相同的用户名,然后将结果以JSON格式返回。前端接收到响应后,根据返回的结果更新页面,告诉...
本文主要介绍了Java+Ajax实现的用户名重复检验功能,结合实例形式详细分析了Java针对用户名提交的Ajax数据库查询与重复检查功能相关实现技巧与操作注意事项。 首先,我们需要定义一个实体类User,该类包含了用户名...
在服务器端,比如使用PHP,我们需要一个`check_username.php`文件来处理请求并检查用户名。这通常涉及到数据库查询,例如: ```php // 假设已经连接到数据库 $db = new mysqli('localhost', 'username', 'password...
**Ajax无刷新检查用户名**是Web开发中一种常见的技术应用,它允许用户在不重新加载整个网页的情况下,从服务器获取并更新特定的数据。这个小例子展示了如何利用Ajax实现这一功能,提高了用户体验,使得用户能够在...
在这个"Ajax实现用户名验证"的例子中,我们将深入探讨如何使用Ajax、jsp(JavaServer Pages)以及相关的前端技术来验证用户输入的用户名是否已存在,从而防止重复注册。 首先,我们需要创建一个简单的HTML表单,...
本文将深入探讨如何使用AJAX(Asynchronous JavaScript and XML)进行异步验证,实现在用户输入时即时检查用户名是否已存在于数据库中。 首先,我们需要理解AJAX的核心概念。AJAX允许我们在不刷新整个网页的情况下...
在用户注册过程中,确保用户名的独特性是非常重要的,这可以防止用户重复注册或...同时,为了提高用户体验,还可以添加一些额外的功能,如实时检查用户名可用性(在用户输入时就进行验证),以及优化Ajax请求的性能等。
本项目“Ajax验证用户名和密码”旨在利用Ajax实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...
因此,服务器端也需要进行用户名重复性检查,以确保数据的安全性。 9. **跨域问题**:如果Ajax请求的目标URL与当前页面不在同一域名下,可能会遇到跨域问题。可以通过CORS(Cross-Origin Resource Sharing)设置...
在这个“Ajax实现简单的用户名验证”的示例中,我们将探讨如何利用Ajax来检查用户在注册时输入的用户名是否已存在,从而提供即时的反馈,提升用户体验。 首先,我们需要理解Ajax的基本组成部分: 1. **...