struts2+jquery组合验证注册用户是否存在
更新时间：2014年04月30日 11:10:35 作者：
这篇文章主要介绍了使用struts2+jquery如何验证注册用户是否存在,需要的朋友可以参考下
注册界面 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;
}
复制代码 代码如下:
<%@ 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;
}
相关文章
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
这篇文章主要介绍了jQuery实现带遮罩层效果的blockUI弹出层,可实现带有弹出遮罩层效果的弹出对话框功能,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-09-09
今天小编就为大家分享一篇关于jQuery AJAX与jQuery事件的分析讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
本周公司技术讲座轮到我了，准备说说现在流行的jQuery，下面是概要提纲，关键是看custom.js，已上传源码，程序中“//##”是分段用的，大家可以根据每一段取消注释，然后找到相应的id或class名查看效果。2010-01-01
这篇文章主要介绍了jquery实现简单手风琴菜单效果的方法,实例分析了jQuery操作页面样式、html页面布局及SCSS样式设置的相关技巧,需要的朋友可以参考下2015-06-06
jquery 通过ajax请求获取后台数据显示在表格上的方法
今天小编就为大家分享一篇jquery 通过ajax请求获取后台数据显示在表格上的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了JSON+Jquery省市区三级联动的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery+Ajax实现无刷新分页，本文使用的生成分页的工具条是jquery.pagination.js，感兴趣的小伙伴们可以参考一下2015-10-10
使用jQuery给Table动态增加行、清空table的方法
这篇文章主要介绍了使用jQuery给Table动态增加行、清空table的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。经常与其他元素/选择器一起使用，来选择指定的组中包含指定文本的元素2013-04-04
这里是本人学习jQuery Mobile的过程，现在将学习过程中的实例一一展现出来，希望能帮到更多的新手。本系列中实例都经过了本人的亲自测试。2016-01-01
最新评论