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;
}
相关文章
简易验证插件simpleValidate使用心得，基于JQuery，修改小BUG后能兼容各浏览器，附自用版本供下载2014-01-01
学习了jquery,发现其功能真的很令我惊讶，为表格添加背景色用css也可以实现，却不得不在<tr>标签里一行一行地添加，但用jquery只需四行代码，就是这样精简的用法，让我对jquery产生了极大的兴趣，也不得不惊叹新兴的技术所带来的效率！2010-01-01
本篇文章主要是对JQUERY中dialog的用法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
这篇文章主要介绍了jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要介绍了jQuery实现动态加载select下拉列表项功能,结合实例形式较为详细的分析了jQuery动态加载select下拉列表项的步骤与相关操作技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了基于jQuery插件jqzoom实现的图片放大镜效果,结合实例形式分析了jQuery插件jqzoom的使用方法与相关注意事项,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下2014-02-02
JQuery文本改变触发事件如聚焦事件、失焦事件等，下面有个示例，感兴趣的朋友可以参考下2014-01-01
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索2012-01-01
这篇文章主要为大家详细介绍了jQuery日历插件datepicker用法，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论