网上搜索了很多案例,但都和自己的需求不一样。
最终实现了下面的例子实现了对注册用户名的校验。采用的架构是servelet+jsp.
JSP页面代码:
<form action="register.do?action=add" onsubmit="return submessage(this)" method="post" name="form1">
<table border="1" width="500" cellspacing="1" cellpadding="3" align="left" bordercolor="#326598" >
<tr>
<td colspan="7" bgcolor="#FEA817">
[align=center]
<font color="#FFFFFF"><b>用户注册</b> </font>
[/align]
</td>
</tr>
<tr>
<td>
用户名
</td>
<td>
<input name="uname" id="username" type="text" class="form_text" size="20" onblur="validatorloginName()">
</td>
</tr>
<tr>
<td>
登陆密码
</td>
<td>
<input type="password" name="upwd">
</td>
</tr>
<tr>
<td>
确认密码
</td>
<td>
<input type="password" name="upwd1">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
页面上添加的ajax组件:
function validatorloginName(){
var loginName=document.getElementById("uname").value;
if(loginName == "")
{
alert("用户名不能为空!");
return;
}
$.ajax({
type: "POST",
url: "ValidateName",
data: "loginName="+loginName,
success: function(data){
if(data=="true"){
alert("恭喜您!用户名没有被使用!");
}else{
alert("抱歉!用户名已存在!");
}
}
});
}
通过ajax将注册用户名发送到ValidateName.do进行校验。
web.xml里面配置如下:
<servlet>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>ValidateName</servlet-name>
<servlet-class>com.wuliu.test.ValidateName</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ValidateName</servlet-name>
<url-pattern>/ValidateName</url-pattern>
</servlet-mapping>
java代码后面请看后面的(二)。
(未完待续)
分享到:
相关推荐
这是一个用ajax实现检测注册用户名是否已经存在的验证,对你能有用
使用ajax实现异步验证用户名是否重复
ajax+jQuery+struts2验证用户名是否重复
使用ajax检测用户名是否存在重复!会员注册时候测试会员名字是不是重复!~
ajax用户注册检查用户名
利用ajax技术检测用户名是否被占用 对于用户注册这种网站 这个功能是非常实用的
php+Ajax+Mysql(数据库可参考Readme) PHP+Mysql+Ajax实现注册时用户名验证
Ajax用户注册判断用户名是否存在
ajax+jsp实现注册用户名实时检测。 有注释。纯jsp代码+Javascript代码。入门级,简单易懂!!
ASP.NET2003+AJAX实现用户名不刷新自动检测。含有数据库SQL2000
ajax用户名检测 ajax用户名检测 ajax用户名检测
Ajax注册验证用户名实例,及各种Ajax的js文件
这个小实例是用用Ajax技术实现的异步判断技术,通过调用Ajax来实现判断查看数据库是否已近存在该用户名,如果存在,结果就是注册新用户失败。
Asp Ajax检测用户名并注册Access版Asp Ajax检测用户名并注册Access版Asp Ajax检测用户名并注册Access版
Struts2 Jquery 实现Ajax无刷新验证用户名是否存在,网上这样的例子太少了!许多下载的项目都存在实际的问题,所以自己写了一个比较全面的例子。兼容目前主流浏览器,欢迎大家下载
使用ajax模拟用户名是否被占用 (源代码) 博文链接:https://hnylj.iteye.com/blog/157989
简单的Ajax例子实现用户名验证程序,希望有所帮助。。。
利用Ajax实现无刷新验证用户名和密码是否正确,其中是通小图片来显示结果的。
Asp+Ajax检测用户名并注册Access版
新手必备的,教你怎么用ajax+php验证用户名是否已经注册