ajax,struts,jsp验证用户名是否存在

10 篇文章 0 订阅
3 篇文章 0 订阅

网上找了很多,都不行,自己写了一个小项目可以运行,如果想要下载这个项目的可以浏览以下网址http://download.csdn.net/detail/liulong547026741/5238189,如果不想下载,请看下面代码

index.jsp:

<%@ page language="java" contentType="text/html; charset=utf-8" 
    pageEncoding="utf-8"%> 
      
<%@ taglib prefix="s" uri="/struts-tags" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
<link type="text/css" rel="stylesheet" href="index.css"> 
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> 
<script type="text/javascript" src="js/index.js"></script> 

 
<title>============Regist=============</title> 
</head> 
<body> 
    <s:form action="testAction" method="post" namespace="/user"> 
        <table> 
            <tr> 
                <td>UserName</td>             
                <td id="t1"><input type="text" name="userName" id="userName"  /></td>            
                <td><input type="button" id="test" value="Test" /><div id="tip1"></div></td>            
            </tr> 
            <tr> 
                <td>Password</td>             
                <td id="t2" colspan="2"><input type="password" name="userPwd1" id="userPwd1" /></td>            
            </tr> 
            <tr> 
                <td>Password AG</td>              
                <td id="t3" colspan="2"><input type="password" name="userPwd2" id="userPwd2" /></td>            
            </tr> 
            <tr> 
                <td colspan="3"> 
                    <input type="submit" value="submit" /> 
                    <input type="reset" value="reset" /> 
                </td> 
            </tr> 
        </table> 
    </s:form> 
</body> 
</html> 

index.js 注意前面jsp页面中调用到了这个js文件

$(document).ready(function(){  
    var inputUserNameObj = $("#userName");  
    var inputUserPwd1Obj = $("#userPwd1");  
    var inputUserPwd2Obj = $("#userPwd2");  
  
    inputUserNameObj.keyup(function(){  
        var text = inputUserNameObj.val();  
        if(text == ""){  
            $("#t1").css("border-color","red");  
        }else{  
            $("#t1").css("border-color","black");  
        }  
    });  
      
    $("#userName").blur(function(){  
        var text = inputUserNameObj.val();  
        $.post("testAction.action?userName="+text,null,function(response){  
            if(response=="用户名已经存在"){
             document.getElementById("tip1").innerHTML="<font color='red'>"+response+"</font>";
            }else{
             document.getElementById("tip1").innerHTML="<font color='blue'>"+response+"</font>";
            }
        });  
    });  
      
}); 

 

java代码

package com.hisoft.jqt.action;  
 
import java.io.IOException;  
import java.io.PrintWriter;  
import java.util.HashMap;  
import java.util.Map;  
 
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
 
import net.sf.json.JSONObject;  
 
import org.apache.struts2.ServletActionContext;  
 
  
import com.opensymphony.xwork2.ActionContext;  
import com.opensymphony.xwork2.ActionSupport;
 
@SuppressWarnings("serial")
public class TestAction extends ActionSupport{ 
 
    HttpServletRequest hsr;
   
    String result;  
      
    public HttpServletRequest getHsr() {  
        return hsr;  
    }  
 
    public void setHsr(HttpServletRequest hsr) {  
        this.hsr = hsr;  
    }  
 
    public String getResult() {  
        return result;  
    }  
 
    public void setResult(String result) {  
        this.result = result;  
    }  
 
    public String test() throws IOException{  
     
     Map<String, String> map = new HashMap<String, String>();  
          
        ActionContext ac = ActionContext.getContext();  
        HttpServletRequest req = (HttpServletRequest)ac.get(ServletActionContext.HTTP_REQUEST);  
        HttpServletResponse res = (HttpServletResponse)ac.get(ServletActionContext.HTTP_RESPONSE);  
        String userName = req.getParameter("userName");  
        map.put("userName", userName);  
      
        res.setContentType("text/html;charset=UTF-8");  
       
        PrintWriter w = res.getWriter();  
      
        if("jack".equals(userName)){    
            w.println("用户名已经存在");  
        }else{  
            w.println("用户名已经不存在");  
        }  
        w.close();  
       
        return "success";  
    }      

struts.xml

   <!-- 检验用户名是否存在 -->  
 <package name="ajax" extends="json-default" >  
        <action name="testAction" class="com.hisoft.jqt.action.TestAction" method="test">  
            <result type="json" name="success">  
                <param name="root">result</param>  
            </result>  
        </action>  
    </package>  

注意还需要导入两个包,json-lib-2.1-jdk15.jar   ,jsonplugin-0.33.jar有版本问题,因为第二个包0.33适用于struts2.1.*的版本
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值