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 相关文章推荐
解决 firefox 不支持 document.all的方法
Mar 12 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
Oct 13 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
JavaScript的继承的封装介绍
Oct 15 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
javaScript知识点总结(必看篇)
Jun 10 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
Jun 30 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
Javascript 对象(object)合并操作实例分析
Jul 30 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
1.PHP简介
2006/10/09 PHP
PHP4实际应用经验篇(6)
2006/10/09 PHP
用PHP制作的意见反馈表源码
2007/03/11 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
python实现k-means聚类算法
2018/02/23 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
python3.8下载及安装步骤详解
2020/01/15 Python
python统计字符的个数代码实例
2020/02/07 Python
canvas实现图片镜像翻转的2种方式
2020/07/22 HTML / CSS
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
房地产项目建议书
2014/03/12 职场文书
春季防火方案
2014/05/10 职场文书
投标服务承诺书
2014/05/28 职场文书
考研英语辞职信
2015/05/13 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
MySQL查询日期时间
2022/05/15 MySQL