使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)
推薦閱讀:JQuery+Ajax+Struts2+Hibernate框架整合實(shí)現(xiàn)完整的登錄注冊(cè)
在用戶模塊中的用戶注冊(cè)需求上,通常要進(jìn)行用戶名是否已被注冊(cè)的驗(yàn)證,今天正好寫了這個(gè)需求,把詳細(xì)代碼和所遇到的問題貼過來.在使用struts2+ajax時(shí)候,通常我們會(huì)返回json類型的數(shù)據(jù),但是像上面的例子,我們只希望返回一個(gè)1和0有助于進(jìn)行后續(xù)判斷即可,沒必要返回json類型,返回一個(gè)text字符串就可以了.
regist.jsp(這里只提供<script>部分):
<script type="text/javascript">
$(function() {
$("#userNiName").blur(function() {
var val = $(this).val();
val = $.trim(val);
var $this = $(this);
if (val != "") {
//把當(dāng)前節(jié)點(diǎn)后面的所有 font 兄弟節(jié)點(diǎn)刪除
$this.nextAll("font").remove();
var url = "user_checkName";
var args = {
"userNiName" : val,
"time" : new Date()
};
$.post(url, args, function(data) {
//表示可用
if (data == "1") {
$this.after("<font color='green'>用戶名可用!</font>");
}
//不可用
else if (data == "0") {
$this.after("<font color='red'>用戶名已被注冊(cè)!</font>");
}
//服務(wù)器錯(cuò)誤
else {
alert("服務(wù)器錯(cuò)誤!");
}
});
} else {
$(this).val("");
$this.focus();
}
});
})
</script>
這里我是用了Jquery.post(url,args,function(data){..})函數(shù)提交ajax請(qǐng)求到指定url,并且攜帶參數(shù)args,最后用一個(gè)回調(diào)函數(shù)處理請(qǐng)求返回結(jié)果data.
UserAction:
public class UserAction extends ActionSupport implements ModelDriven<User>{
private User user=new User();
private UserService userService;
private InputStream inputStream;
public InputStream getInputStream() {
return inputStream;
}
//檢驗(yàn)用戶昵稱是否存在
public String checkName() throws UnsupportedEncodingException{
System.out.println("進(jìn)入ajax檢驗(yàn)");
String userNiName=user.getUserNiName();
if(userService.findUserByName(userNiName)==null){
inputStream=new ByteArrayInputStream("1".getBytes("UTF-8"));
}else{
inputStream=new ByteArrayInputStream("0".getBytes("UTF-8"));
}
return "ajax_succ";
}
@Override
public User getModel() {
return user;
}
public void setUserService(UserService userService) {
this.userService = userService;
}
}
注意:這里我用的是ModelDriven的方式獲取表單數(shù)據(jù),而在使用ajax的時(shí)候,直接傳了一個(gè)userNiName(昵稱)過來,于是我在UserAction中加了一個(gè)私有字符串變量userNiName,并設(shè)置了set方法.結(jié)果死活傳不過值來,傳過來的是一個(gè)null,于是我將私有變量刪掉,然后直接用user.getUserNiName()直接獲取就得到了.切記.
UserService(省略).
User類(省略).
UserDao:
package com.wang.shop.user.dao;
import java.util.List;
import org.springframework.orm.hibernate4.support.HibernateDaoSupport;
import com.wang.shop.user.entity.User;
public class UserDao extends HibernateDaoSupport{
/**
* 通過用戶昵稱查詢User
* @param userNiName
* @return
*/
public User findUserByName(String userNiName){
List<User> list = (List<User>) this.getHibernateTemplate().find("select u from User u where u.userNiName=?", userNiName);
if(list!=null&&list.size()>0){
System.out.println("list:"+list.get(0));
return list.get(0);
}
return null;
}
}
struts.xml:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<package name="shop" namespace="/" extends="struts-default">
<!-- UserAction -->
<action name="user_*" class="userAction" method="{1}">
<result name="regist_succ">/WEB-INF/jspForUser/login.jsp</result>
<result type="stream" name="ajax_succ">
<param name="contentType">text/html</param>
<param name="inputStream">inputStream</param>
</result>
</action>
</package>
</struts>
注意在result標(biāo)簽中,type="stream".
最后順帶說一句,我在調(diào)試的時(shí)候習(xí)慣使用輸出語句,但每次加一句輸出語句都需要重啟Tomcat,好煩.于是參考網(wǎng)上的方式,將Tmocat安裝目錄下,conf->server.xml中在<host>標(biāo)簽下添加了以下代碼,就可以修改類(細(xì)微的修改)的時(shí)候,不需要重啟服務(wù)器了:
<!--docBase就是你的項(xiàng)目工程所在的全路徑,path就是寫你的項(xiàng)目名,reloadable="true",可以自動(dòng)重新加載修改過的class文件--> <Context debug="0" docBase="D:\Tomcat 7.0\webapps\SSH_shop01" path="/SSH_shop01" reloadable="true" />
需要特別注意的是,當(dāng)在Tomcat中卸載了該項(xiàng)目后,一定要回來將這個(gè)標(biāo)簽刪除.
使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)的知識(shí),小編就給大家介紹這么多,希望對(duì)大家有所幫助!
- jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
- 用AJAX實(shí)現(xiàn)頁面登陸以及注冊(cè)用戶名驗(yàn)證的簡(jiǎn)單實(shí)例
- PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
- Ajax驗(yàn)證用戶名或昵稱是否已被注冊(cè)
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)(驗(yàn)證用戶名是否存)
- Ajax注冊(cè)用戶時(shí)實(shí)現(xiàn)表單驗(yàn)證
- ajax對(duì)注冊(cè)名進(jìn)行驗(yàn)證檢測(cè)是否存在于數(shù)據(jù)庫中
- AJAX+JAVA用戶登陸注冊(cè)驗(yàn)證的實(shí)現(xiàn)代碼
- asp ajax注冊(cè)驗(yàn)證之 防止用戶名輸入空格
- AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名
相關(guān)文章
基于jQuery+HttpHandler實(shí)現(xiàn)圖片裁剪效果代碼(適用于論壇, SNS)
上次發(fā)了幾個(gè)jQuery的插件和些心得, 很多園友(也許是自己站上的)發(fā)郵件希望能提供更多的源碼, 正好這次有個(gè)同學(xué)希望在自己的壇子上掛個(gè)圖片裁剪以生成頭像的功能, 于是幫忙寫了這么個(gè)插件.也許很多園友用得著, 就一并發(fā)上來啦.2011-09-09
在UpdatePanel內(nèi)jquery easyui效果失效的解決方法
項(xiàng)目中使用到了 updatePanel 和jquery-easyui 。使用updatepanel的好處自然是頁面不刷新,用戶感覺比較好,同時(shí)也減少了一部分?jǐn)?shù)據(jù)量的傳輸。2010-04-04
jQuery中hover與mouseover和mouseout的區(qū)別分析
這篇文章主要介紹了jQuery中hover與mouseover和mouseout的區(qū)別,結(jié)合實(shí)例分析了jQuery中hover與mouseover和mouseout的區(qū)別與使用技巧,需要的朋友可以參考下2015-12-12
DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)硪黄狣IV隨滾動(dòng)條滾動(dòng)而滾動(dòng)實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-04-04
JQuery 實(shí)現(xiàn)的頁面滾動(dòng)時(shí)浮動(dòng)窗口控件
JQuery 實(shí)現(xiàn)的頁面滾動(dòng)時(shí)浮動(dòng)窗口控件實(shí)現(xiàn)代碼,大家可以參考下。2009-07-07
Jquery實(shí)現(xiàn)多選下拉列表左右移動(dòng)
這篇文章主要為大家詳細(xì)介紹了Jquery實(shí)現(xiàn)多選下拉列表左右移動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08

