struts2+jquery组合验证注册用户是否存在


Posted in Javascript onApril 30, 2014

注册界面 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; 
}
Javascript 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
JS动画效果代码3
Apr 03 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
js+css实现打字效果
Jun 24 Javascript
jquery实现的网页自动播放声音
Apr 30 #Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 #Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 #Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 #Javascript
jquery实现更改表格行顺序示例
Apr 30 #Javascript
使用原生js写的一个简单slider
Apr 29 #Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 #Javascript
You might like
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
PHP分页效率终结版(推荐)
2013/07/01 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
JavaScript 栈的详解及实例代码
2017/01/22 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
2020/11/01 Javascript
Python 连连看连接算法
2008/11/22 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
Python虚拟环境的创建和包下载过程分析
2020/06/19 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
党员自我评价分享
2013/12/13 职场文书
工程承诺书怎么写
2014/05/24 职场文书
2015年团支书工作总结
2015/04/03 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
分享:关于学习的励志名言赏析
2019/08/16 职场文书