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 冒号 使用说明
Jun 06 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
PHP+mysql+Highcharts生成饼状图
May 04 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
Jquery-data的三种用法
Apr 18 jQuery
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
koa源码中promise的解读
Nov 13 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
oracle资料库函式库
2006/10/09 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
jquery移动listbox的值原理及代码
2013/05/03 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
2014/02/12 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
详解使用PM2管理nodejs进程
2017/10/24 NodeJs
vxe-table vue table 表格组件功能
2019/05/26 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
python进程池实现的多进程文件夹copy器完整示例
2019/11/27 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
财务管理专业自荐书
2014/09/02 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
诺贝尔奖获得者名言100句:句句启人心智,值永久收藏
2019/08/09 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS