时间:2021-05-26
注册界面 register.jsp
复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title>注册界面</title>
<script type="text/javascript" src="js/jquery-1.6.js">
</script>
<script type="text/javascript">
function findByName() {
$.ajax( {
url : 'login!findByName',
data : {
name : $("#name").val()
},
type : 'post',
dataType : 'text',
success : function(data) {
if ('exist' === data) {
$('#nametip').text('存在该用户');
} else {
$('#nametip').text('不存在该用户');
}
},
error : function() {
alert("异常!");
}
});
}
</script>
</head>
<body>
<form action="login!register" method="post">
<table align="center">
<caption>
<h3>
用户注册
</h3>
</caption>
<tr>
<td>
用户名:
<input type="text" id="name" name="name" onblur="findByName()" />
</td>
<td>
<div id="nametip">
</div>
</td>
</tr>
<tr>
<td>
密 码:
<input type="text" name="password" />
</td>
</tr>
<tr>
<td>
重复密码:
<input type="text" name="password2" />
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="注册" />
<input type="reset" value="重填" />
</td>
</tr>
</table>
</form>
</body>
</html>
action方法
复制代码 代码如下:
/**
* 查找用户是否存在
*
* @return
* @throws IOException
*/
public String findByName() throws IOException {
List<Person> listPerson = ms.findByName(name);
String findByNameTip;
if (listPerson.size() > 0) {
findByNameTip = "exist"; // 存在用户
} else {
findByNameTip = "noexist"; // 不存在用户
}
ServletActionContext.getResponse().getWriter().print(findByNameTip);
return null;
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
推荐阅读:JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,
现在有个需求就是异步验证用户名是否存在。用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器).表单:复制代码
文本仪一个实例讲述了struts2+jquery实现ajax登陆的实现方法,具体步骤如下:一、新建一个web项目,取名test。配置好struts2的环境,并导
适合人群:Ajax和jQuery入门采用Ajax实现用户名验证使用jQuery给出提示信息用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没
其中用到了jquery插件来验证用户名哦,这里是利用jqueryajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。jquery框架实现的aja