ajax检查用户名异步实现:
<script type="text/javascript">
<!--
var http_request;
function reader()
{
if (window.XMLHttpRequest)
{ // if Mozilla, Safari etc
http_request=new XMLHttpRequest()
if (http_request.overrideMimeType)
http_request.overrideMimeType('text/xml');
}
else if (window.ActiveXObject)
{ // if IE
try {
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
var userName=document.regForm.coUserName.value;
http_request.onreadystatechange=process;
//servlet文件名一定要全小写
http_request.open("GET","checkCoUserName.do?userName="+userName);
http_request.send(null);
}
function process()
{
if(http_request.readyState==4)
{
var chkResult = http_request.responseText;
if(chkResult==1)
{
document.getElementById("chkName").innerHTML="<font color='red'>恭喜用户名可以使用!</font>";
}
else
{
document.getElementById("chkName").innerHTML="<font color='red'>此用户名已经存在!请换一个用户名!</font>";
}
}
}
-->
</script>
注意:当失去焦点时,发送信息 onblur="reader()" ,reader里面有发送请求.do的字duan,
Struts action中只要out.pritnln(1)或0,然后forward可以为空!这样就行了。
注意:提交的信息给一个action处理,异步检查用户名的给另一个action处理!两个action!
<html>
<td align="left" valign="middle" background="images/regist_CoUser_bj01.jpg" class="white">
<img src="images/regist_pic04.gif" width="10" height="10"> 用户登陆
<span class="style1">*</span></td>
<td align="left" valign="middle" background="images/regist_CoUser_bj02.jpg" class="black">
<input name="coUserName" type="text" size="20" maxlength="20" onblur="reader()" />
</html>
Struts action:
public ActionForward execute(
ActionMapping mapping,
ActionForm form,
HttpServletRequest request,
HttpServletResponse response) throws IOException {
String sucTarget = "";
String failTarget = "regFail";
PrintWriter out = response.getWriter();
String coUserName = request.getParameter("userName"); //获得传过来的值
RegistControlBean regConBean = new RegistControlBean();
if(!regConBean.isExistCoUserName(coUserName)) { //用户名不存在,即可用
out.println("1");
}else {
out.println("2");
}
return mapping.findForward("");
}
分享到:
相关推荐
这就是"ajax动态检测用户是否已存在"这一功能的核心所在。Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术,它使得Web应用更为交互性和响应性。 首先,我们来看...
通过以上步骤,我们就实现了利用Ajax检测用户名是否被占用的功能。这一功能不仅提高了用户注册的效率,也降低了用户的等待时间,提升了整体的用户体验。在实际项目中,还可以根据需求进行更复杂的设计和优化,比如...
本实例探讨了如何使用Asp.Net与Ajax技术相结合来实现一个功能,即检测用户名是否已存在于系统中,从而提供实时反馈给用户,提高用户体验。 首先,`Default.aspx`页面通常是用户界面,它包含一个用于输入用户名的...
【Ajax实现注册检测用户是否已存在】是一种常见的前端与后端交互技术,它允许网页无刷新地发送异步请求,从而提升用户体验。在本场景中,我们使用Ajax来检查新注册用户的名字是否已经在数据库中存在,以此防止重复...
"检测用户存在的代码实现" 在注册页面中,检测用户是否存在的代码实现是非常重要的。下面我们将通过Ajax技术来实现检测用户是否存在的功能。 首先,在HTML页面中,我们需要添加一个文本框和一个按钮,文本框用于...
当用户点击按钮时,AJAX请求会被发送到服务器,服务器返回用户名是否存在的结果,然后前端根据结果更新提示信息。 总结起来,ASP.NET AJAX通过无刷新技术提高了Web应用的交互性,使用户能够实时验证输入,提供了更...
在Web开发中,Ajax被广泛应用于实现页面的异步交互,提高用户体验,例如实时验证用户输入,如本例中的“检测用户名是否存在”。下面我们将深入探讨如何使用Ajax来实现这一功能,并结合Eclipse开发环境进行详细讲解。...
### 注册页中检测用户是否存在(简单的JQ版Ajax应用) 在现代Web开发中,确保用户体验流畅且交互性高是一项重要任务。对于用户注册过程来说,实时反馈用户名是否已被使用可以极大提升用户体验,并减少不必要的表单...
本话题主要探讨如何利用Ajax实现用户注册时验证用户名是否已存在的功能,以及Rapid Validate工具的使用。 首先,当用户在注册界面输入用户名时,我们可以使用Ajax发送异步请求到服务器,查询数据库中该用户名是否已...
这就是“ajax实现检测注册用户名是否已经存在”这一技术的关键所在。Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),允许我们在不刷新整个页面的情况下与服务器进行交互,实现数据的动态更新。 ...
可以使用JavaScript事件监听器,如`input`或`change`,来检测用户名字段的变化。 ```javascript document.getElementById('username').addEventListener('input', function() { var username = this.value; ...
【Asp+Ajax检测用户名并注册Access版】是基于经典的Web开发技术组合——ASP(Active Server Pages)和AJAX(Asynchronous JavaScript and XML)实现的一个用户注册系统,它利用Access数据库进行数据存储。...
"Ajax+ASP自动检测用户名是否已经存在的实例"就是一个这样的功能,它允许系统在用户输入用户名时实时检查数据库中是否存在相同的用户名,提高用户体验并避免数据冲突。下面我们将详细探讨这个实例涉及的技术和实现...
"Ajax用户注册检查用户名"是一个关键功能,它使得用户在注册时可以实时验证所选用户名是否已存在,无需每次提交表单后等待服务器返回完整页面的刷新。这个过程涉及到前端JavaScript、Ajax(Asynchronous JavaScript ...
本教程将深入讲解如何利用Ajax进行用户名存在的检测,以确保用户在注册时能即时获知所选用户名是否已被占用。 首先,我们需要了解Ajax的基本工作原理。Ajax允许前端JavaScript通过XMLHttpRequest对象与后台服务器...
9. **用户体验**:为了提供更好的用户体验,可以使用即时反馈,如在用户输入时实时检测用户名是否可用,而不是等到提交后才告知用户。 10. **兼容性**:考虑到不同的浏览器和设备,应确保使用跨浏览器的Ajax实现,...
6. **后端开发**:ASP脚本在服务器端运行,处理Ajax请求,查询Access数据库,判断用户名是否存在,并返回相应的JSON或XML数据。 7. **安全性考虑**:在实际应用中,需要注意用户名检测的SQL注入防护,避免恶意用户...
jQuery提供了多种方法,如`$.trim()`去除空白,`$.isNumeric()`检测数字,`$.ajax()`发起异步请求来实时检查用户名是否已被占用。 4. **AJAX请求**: 使用jQuery的`$.ajax()`函数,可以发送异步HTTP请求到服务器,...
当用户输入相关信息后,前端通过Ajax发送请求到服务器,服务器检查数据库中是否存在相同的记录,然后返回结果。如果用户信息已存在,前端将显示相应的提示信息,否则允许用户继续操作。 最后,**点击改片图片**是指...