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>
重復(fù)密碼：
<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;
}
復(fù)制代碼 代碼如下:
<%@ 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>
重復(fù)密碼：
<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方法
復(fù)制代碼 代碼如下:
/**
* 查找用戶是否存在
*
* @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;
}
您可能感興趣的文章:
- 防止未登錄用戶操作—基于struts2攔截器的簡單實現(xiàn)
- Struts2攔截器 關(guān)于解決登錄的問題
- 詳解Struts2中對未登錄jsp頁面實現(xiàn)攔截功能
- Struts2攔截器登錄驗證實例
- Struts2開發(fā)環(huán)境搭建 附簡單登錄功能實例
- struts2與cookie 實現(xiàn)自動登錄和驗證碼驗證實現(xiàn)代碼
- Java struts2 validate用戶登錄校驗功能實現(xiàn)
- 使用MyEclipse 開發(fā)struts2框架實現(xiàn)登錄功能(結(jié)構(gòu)教程)
- JQuery+Ajax+Struts2+Hibernate框架整合實現(xiàn)完整的登錄注冊
- 基于struts2和hibernate實現(xiàn)登錄和注冊功能
相關(guān)文章
jQuery實現(xiàn)帶遮罩層效果的blockUI彈出層示例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)帶遮罩層效果的blockUI彈出層,可實現(xiàn)帶有彈出遮罩層效果的彈出對話框功能,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
今天小編就為大家分享一篇關(guān)于jQuery AJAX與jQuery事件的分析講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-02-02
本周公司技術(shù)講座輪到我了，準(zhǔn)備說說現(xiàn)在流行的jQuery，下面是概要提綱，關(guān)鍵是看custom.js，已上傳源碼，程序中“//##”是分段用的，大家可以根據(jù)每一段取消注釋，然后找到相應(yīng)的id或class名查看效果。2010-01-01
jquery實現(xiàn)簡單手風(fēng)琴菜單效果實例
這篇文章主要介紹了jquery實現(xiàn)簡單手風(fēng)琴菜單效果的方法,實例分析了jQuery操作頁面樣式、html頁面布局及SCSS樣式設(shè)置的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法
今天小編就為大家分享一篇jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JSON+Jquery省市區(qū)三級聯(lián)動的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery+Ajax實現(xiàn)無刷新分頁，本文使用的生成分頁的工具條是jquery.pagination.js，感興趣的小伙伴們可以參考一下2015-10-10
使用jQuery給Table動態(tài)增加行、清空table的方法
這篇文章主要介紹了使用jQuery給Table動態(tài)增加行、清空table的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
jQuery contains過濾器實現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用，來選擇指定的組中包含指定文本的元素2013-04-04
這里是本人學(xué)習(xí)jQuery Mobile的過程，現(xiàn)在將學(xué)習(xí)過程中的實例一一展現(xiàn)出來，希望能幫到更多的新手。本系列中實例都經(jīng)過了本人的親自測試。2016-01-01