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 相关文章推荐
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
Vue.js第四天学习笔记
Dec 02 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
Vue组件为什么data必须是一个函数
Jun 11 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
PHP+DBM的同学录程序(4)
2006/10/09 PHP
PHP 已经成熟
2006/12/04 PHP
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
js apply/call/caller/callee/bind使用方法与区别分析
2009/10/28 Javascript
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
利用jQuery和CSS将背景图片拉伸
2015/10/16 Javascript
jquery validate demo 基础
2015/10/29 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
2018/09/04 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
Python的lambda匿名函数的简单介绍
2013/04/25 Python
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
python实现简易内存监控
2018/06/21 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
详解在Python中以绝对路径或者相对路径导入文件的方法
2019/08/30 Python
tensorflow自定义激活函数实例
2020/02/04 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
晚会邀请函范文
2014/01/24 职场文书
元旦促销方案
2014/03/15 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书