<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
<script type="text/javascript">
//效验用户名
$(document).ready(function(){//"$("#userName")"获取imput的对象
$("#userName").focus(function(){
$("#userName").css("background-color","#FFFFCC");
});
$("#userName").blur(function(){//焦点或者鼠标点击退出了输入框执行下面方法
$("#userName").css("background-color","#D6D6FF");
verify();
});
$("#orgid").blur(function(){
verifyORG();
});
});
function verify(){
//1. 获取文本框中的内容
// docoument.geElementById("userName"); dom的方式
// Jquery的查找节点的方式 ,参数中的#加上id属性值可以找到一个节点
// jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
// 获取节点的值
var userName = jqueryObj.val();
//2. 将文本框中的数据发送给服务器段的servlet
$.get("Layout.sp?id=registerVerifyUsr&usrid=" + userName,null,callback);
}
function callback(data){
//3. 接受服务器返回的数据
// alert("服务器数据回来啦");
// alert(data);
//4. 将服务器返回的数据动态的现实在页面上
// 找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
}
function verifyORG(){
//1. 获取文本框中的内容
// docoument.geElementById("userName"); dom的方式
// Jquery的查找节点的方式 ,参数中的#加上id属性值可以找到一个节点
// jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#orgid");
// 获取节点的值
var orgid = jqueryObj.val();
//2. 将文本框中的数据发送给服务器段的servlet
$.get("Layout.sp?id=registerVerifyORG&orgid=" + orgid,null,callbackORG);
}
function callbackORG(data){
//3. 接受服务器返回的数据
// alert("服务器数据回来啦");
// alert(data);
//4. 将服务器返回的数据动态的现实在页面上
// 找到保存结果信息的节点
var resultObj = $("#resultORG");
//动态的改变页面中div节点中的内容
resultObj.html(data.split("]")[1] );
}
</script>
<table><tr id="tr_input_username">
<td class="td1" align="right" width="258"><font size="2">登录帐号:*</font></td>
<td class="td2">
<div class="fle">
<!-- 这个div用于存放服务器的信息,开始为空-->
<!-- id属性定义是为了利用dom的方式找到某一个节点,进行操作-->
<input type="text" name="usrid" id="userName" value="" class="inp ipt-normal" onkeyup="value=value.replace(/[^\w\.\/]/ig,'');" style="ime-mode:disabled;width:205px; " maxlength="18" /> <font size="2">
</font>
</div>
</td>
<td width="331" align="left" class="td3">
<div id="result"></div>
</td>
</tr>
</table>
相关推荐
本项目“Ajax验证用户名和密码”旨在利用Ajax实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...
"利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈,无需等待页面整体刷新,极大地提升了交互体验。Ajax(Asynchronous JavaScript and XML)是一种创建动态...
SSH整合AJAX验证用户名存在的完整实例是一个典型的Web开发应用场景,主要涉及了Struts2(S)、Spring(S)和Hibernate(H)三大框架的集成,以及异步JavaScript和XML(AJAX)技术的运用,用于提升用户体验。...
【描述】虽然描述为空,但可以推断这篇博文可能详细讲解了如何通过AJAX技术实现在用户输入用户名时,后台验证用户名是否已存在或符合特定规则,避免用户提交表单后才发现问题,提高用户体验。 【标签】"源码 工具...
### AJAX验证用户名和密码知识点 #### 1. 创建XMLHttpRequest对象 在使用AJAX技术时,首先需要创建一个XMLHttpRequest对象,它是AJAX编程的核心。在现代浏览器中,可以通过以下代码创建XMLHttpRequest对象: ```...
在这个场景中,“Ajax+ASP验证用户名”指的是利用Ajax技术向服务器发送异步请求,通过ASP后端脚本检查数据库中用户名是否已存在,从而即时反馈给用户其输入的用户名是否可用。 Ajax的核心在于实现页面的局部刷新,...
在Web开发中,Java与Ajax(Asynchronous JavaScript and XML)的结合可以实现异步数据...这个压缩包中的"Ajax验证用户名"应该包含了实现这一功能的相关代码,包括前端Ajax调用和后端Java处理逻辑,供开发者参考学习。
在这个"Ajax判断用户名和密码"的主题中,我们主要探讨如何使用Ajax技术实现动态验证登录时的用户名和密码输入。 首先,我们需要创建一个HTML表单,用于用户输入他们的用户名和密码。这个表单通常包含两个输入字段,...
在Ajax验证过程中,当用户输入用户名或密码时,实时的反馈可以提高用户的交互性和满意度。例如,当用户在输入框中键入内容时,后台可以通过Ajax异步请求检查用户名是否已被占用或密码是否符合复杂性要求。如果验证...
在这个项目中,我们将探讨如何使用这些技术来验证用户名是否已存在于数据库中。 首先,Struts2 是一个基于MVC(Model-View-Controller)模式的Java Web框架,它使得开发者可以更方便地处理HTTP请求和响应,同时提供...
总结起来,这个示例展示了如何在Lotus Domino BS开发中使用Ajax结合JavaScript和LotusScript进行用户名密码验证,以及在后端如何处理这些请求。开发者需要熟悉LotusScript、JavaScript和Ajax的基本概念,同时考虑...
总结来说,Ajax验证用户名或昵称是否已被注册涉及到前端JavaScript的事件处理、XMLHttpRequest对象的使用,以及后端服务器的响应。通过这种方式,我们可以提供更好的用户体验,让用户在输入时即时得到反馈,而无需...
在这个案例中,当用户在前端输入用户名并提交时,AJAX会发送异步请求到服务器,验证用户名的可用性。服务器通过ASP脚本处理请求,检查Access数据库中是否有相同用户名,然后返回结果给AJAX。前端JavaScript根据...
Ajax,即Asynchronous JavaScript and XML,是一种用于创建快速动态网页的...用户名验证、服务条款加载和验证码生成都是Ajax技术在实际应用中的典型例子,它们共同展示了Ajax在提升Web应用性能和交互性方面的强大能力。
当用户输入用户名并触发验证时,`ajax.js`将发送一个GET或POST请求到服务器上的`checkname.php`,同时传递输入的用户名作为参数。 `checkname.php`是服务器端的处理程序,通常使用PHP语言编写。它的任务是接收来自...
在用户注册场景中,当用户输入用户名并提交查询时,AJAX 可以在后台向服务器发送异步请求,验证用户名是否已被占用,然后在前端显示相应的提示,提高用户体验。 **Struts2**: Struts2 是一个基于MVC(Model-View-...
在用户名验证场景中,当用户在输入框中键入字符时,AJAX会触发一个后台请求,获取服务器关于该用户名的验证信息。 这个项目使用了Access数据库,一种轻量级的关系型数据库管理系统,适合小型应用或学习用途。Access...
案例二:验证用户名 在注册或登录过程中,用户输入用户名时,实时检查用户名是否已存在是一个常见的需求。通过Ajax,开发者可以实现这一点。当用户在输入框中输入字符时,JavaScript监听键盘事件,触发Ajax请求,将...
虽然前端验证是必须的,但为了进一步提高安全性,可以使用AJAX异步请求向服务器验证用户名和邮箱是否已存在。`fetch`或`XMLHttpRequest`可以实现这个功能,发送验证请求并处理返回的结果。 6. **Promise和async/...