Struts2中ajax结合action实现表单时时验证

在struts2中实现表单的时时验证 

<1>编写action UserAction:

package com.dreamers.login;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.interceptor.ServletRequestAware;
import org.apache.struts2.interceptor.ServletResponseAware;
import com.dreamers.db.SeleceTable;
import com.dreamers.xml.GetPath;
import com.opensymphony.xwork2.ActionSupport;
public class UserAction extends ActionSupport implements ServletRequestAware ,ServletResponseAware{
    /**
     * 
     */
 private static int p = 0;
    private static final long serialVersionUID = 1L;
    private HttpServletRequest request;
    private HttpServletResponse response;
    
    private SeleceTable dao = new SeleceTable();
    public void setServletRequest(HttpServletRequest request) {
        this.request =request;
    }
    public void setServletResponse(HttpServletResponse response) {
        this.response = response;
    }
public ArrayList<String> readIPXml(){
  GetPath path = new GetPath();
  String dir = path.getIPPath();
  ArrayList<String> list = new ArrayList<String>();
  try{
   
   InputStream fis = new FileInputStream(dir);
   BufferedReader reader = new BufferedReader(new InputStreamReader(fis));
   String line = null;// 用来保存每行读取的内容
   line = reader.readLine(); // 读取第一行
   while (line != null) { // 如果 line 为空说明读完了
   list.add(line);
   line = reader.readLine(); // 读取下一行
      }
   fis.close();
  }catch(IOException e){
   System.out.println("读取ip列表错误");
  }
  return list;
 }
 
 public String findIP(String user_name){
   int ipnum = 0;
   p = 0;
   ArrayList<String>ipList = new ArrayList<String>(); 
   ipList=this.readIPXml();
   for(int i = 0; i < ipList.size(); i++){
    if(ipList.get(i).equals(null)||ipList.get(i)==null||ipList.get(i).equals("null")||ipList.get(i).equals(""))
     ipList.remove(i);
   }
   System.out.println("6");
   SeleceTable select = new SeleceTable();
   for(int i = 0; i < ipList.size(); i++){
    try{
     System.out.println(user_name+"连接"+ipList.get(i));
     select.select(user_name, ipList.get(i));
     ipnum = i;
     break;
    }catch(Exception e){
     p = p + 1;
     System.out.println("ppppp====="+p);
    }
    }
   System.out.println("7");
   if(p == ipList.size())
    return null;
   
   System.out.println("ipnum"+ipnum);
   String ipp = this.readIPXml().get(ipnum);
   return ipp;
   }
    public Boolean searchdb(String name){
     try{
      String ipnum= this.findIP(name);
      System.out.println("name"+name+"lainjie "+ipnum);
     ArrayList<ArrayList<String>> searchdb =dao.select(name, ipnum);
     ArrayList<String> usernamelist =searchdb.get(1);
     for(int i=0;i < usernamelist.size();i++){
       System.out.println(usernamelist.get(i));
     }
     return  usernamelist.contains(name);
     }catch(IndexOutOfBoundsException e){
      return false;
     }
    }
    public String execute() throws Exception {
        String name = request.getParameter("name");
        String value = request.getParameter("value");
        //System.out.println("name="+name);
        //System.out.println("value="+value);
        String info = null;
        response.setContentType("text/html;charset=GBK");
        if("code".equals(name)){
            String sessionCode = (String)request.getSession().getAttribute("_CODE_");
    //        System.out.println(sessionCode);
            if(value!=null && value.equals(sessionCode)){
                response.getWriter().println("1验证码正确");
            }else{
                response.getWriter().println("0验证码错误");
            }
        }else{
            if("username".equals(name)){
                info="用户名";
            }else if("email".equals(name)){
                info="邮件地址";
            }
        //    System.out.println(dao.querySameValue(name, value));
            if(searchdb(value)){
                response.getWriter().println("0该"+info+"已存在,请更换"+info+".");
            }else{
                response.getWriter().println("1该"+info+"可以正常使用");
            }
        }
        return null;
    }
    
}

<2>在Struts.xml中配置

<action name="check" class="com.dreamers.login.UserAction">
 
 </action>

<3>编写界面regin.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>register.jsp</title>
    <style type="text/css">
        body,td,input{
        font-family: Arial;
        font-size: 12px; 
        }
        table.default{
        border-collapse:collapse;
        width: 300px; 
        }
        table.default,td{
        border: 1px solid black;
        padding:3px;
        }
        table.default td.item{
        background: #006699;
        color: #fff;
        }
        div.ok{
            color: #006600;
        }
        div.warning{
            color: #FF0000;
        }
    </style>
    <script type="text/javascript" src="checker.js"></script>
  </head>
  
  <body>
    <h1>欢迎用户注册！</h1>
    <form action="regin.action">
        <table class="default">
        <tr>
            <td class="item" width="30%">用户名:</td>
            <td width="70%">
                <input type="text" name="username" id="username" οnblur="Checker.checkNode(this)">
                <div id="usernameCheckDiv" class="warning">请输入用户名</div>
            </td>
        </tr>
        <tr>
            <td class="item">密码:</td>
            <td>
            <input type="password" name="password" id="password" οnblur="Checker.checkPassword()">
            <div id="passwordCheckDiv" class="warning">请输入密码</div>
            <td>
        </tr>
        <tr>
            <td class="item">密码验证:</td>
            <td>
                <input type="password" name="password2" id="password2" οnblur="Checker.checkPassword()">
                <div id="password2CheckDiv" class="warning">请再次输入密码</div>
            </td>
        </tr>
        <tr>
            <td class="item">E-mail:</td>
            <td>
                <input type="text" name="email" id="email" οnblur="Checker.checkNode(this)" >
                <div id="emailCheckDiv" class="warning">请输入邮件地址</div>
            </td>
        </tr>
        <tr>
            <td class="item">验证码:</td>
            <td>
                <input type="text" name="code" id="code" size="5" οnblur="Checker.checkNode(this)">
                <img src="code.jsp" width="40" height="20" border="0" alt="">
                <div id="codeCheckDiv" class="warning">请输入图片中的验证码</div>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="注册">
                <input type="reset" value="重置">
            </td>
        </tr>
        </table>
    </form>
  </body>
</html>

<4>code.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ page contentType="image/png" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>生成验证码</title>
    
  </head>
  
  <body>
   <% 
           //设置页面不缓存 
    response.setHeader("Pragma","No-cache"); 
    response.setHeader("Cache-Control","no-cache"); 
    response.setDateHeader("Expires", 0);  int width=50;          //设置图片宽度 
    int height=20;          // 设置图片高度 
     //创建缓存图像 
    BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
     
    Graphics g = image.getGraphics();      // 获取图形 
     
    g.setColor(new Color(000, 102, 153));     // 设置背景色 
    g.fillRect(0, 0, width, height);       // 填充背景 
     
    g.setColor(new Color(000, 000, 000));     // 设置边框颜色 
    g.drawRect(0, 0, width-1, height-1);      // 绘制边框 
     
    g.setFont(new Font("Arial", Font.PLAIN, 16));    //设定字体 
     
    Random random = new Random();      // 生成随机类 
     //随机产生4 位数字验证码 
    StringBuffer sbRan = new StringBuffer();     //保存验证码文本 
    for (int i=0; i<4; i++){ 
        String ranNum = String.valueOf(random.nextInt(10)); 
        sbRan.append(ranNum); 
        //将验证码绘制到图像中 
        g.setColor(new  Color(255, 255, 255)); 
        g.drawString(ranNum, 10 * i + 5, 16); 
    } 
     g.dispose();          //部署图像 
     
    session.setAttribute("_CODE_", sbRan.toString());   // 将验证码保存在session 对象中供对比 
    ImageIO.write(image, "PNG", response.getOutputStream());  //输出图像到页面 
       out.clear();
    out = pageContext.pushBody(); 
   %>
  </body>
</html>

<5>编写的js文件 Checker .js

var Checker = new function(){
    this._url="check.action";
    this._infoDivSuffix= "CheckDiv" ;//提示信息Div的同意后缀
    this.checkNode = function(_node){
        var nodeId = _node.id;
        if(_node.value!=""){
            var xmlHttp=this.createXmlHttp();
            xmlHttp.onreadystatechange = function(){
                if(xmlHttp.readyState==4){
                    Checker.showInfo(nodeId+Checker._infoDivSuffix,xmlHttp.responseText);
                }
            }
            xmlHttp.open("POST",this._url,true);
            xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            //alert(_node.id);
            //alert(_node.value);
            xmlHttp.send("name="+nodeId+"&value="+(_node.value));
        }
    }
    //显示服务器反馈信息 
    this.showInfo = function(_infoDivId , text){ 
        var infoDiv = document.getElementById(_infoDivId); //获取显示信息的div 
        var status = text.substr(0,1);     //反馈信息的第一个字符表示信息类型 
        if (status == "1") { 
            infoDiv.className = "ok";     //检查结果正常 
        } else { 
            infoDiv.className = "warning";    //检查结果需要用户修改 
        } 
        infoDiv.innerHTML = text.substr(1);    //写回详细信息 
    } 
 
    //用于创建XMLHttpRequest 对象 
    this.createXmlHttp = function() { 
        var xmlHttp = null; 
        //根据window.XMLHttpRequest 对象是否存在使用不同的创建方式 
        if (window.XMLHttpRequest) { 
           xmlHttp = new XMLHttpRequest();    //FireFox、Opera 等浏览器支持的创建方式 
        } else { 
           xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE 浏览器支持的创建方式 
        } 
        return xmlHttp; 
    } 
 
    //检查两次输入的密码是否一致 
    this.checkPassword = function() { 
        var p1 = document.getElementById("password").value;  //获取密码 
        var p2 = document.getElementById("password2").value;  //获取验证密码 
 
        //当两部分密码都输入完毕后进行判断 
        if (p1 != "" && p2 != "") { 
            if (p1 != p2) { 
                this.showInfo("password2" + Checker._infoDivSuffix, 
                                 "0 密码验证与密码不一致。"); 
 
            } else { 
                this.showInfo("password2" + Checker._infoDivSuffix, "1 两次密码输入正确")
            } 
        } else if (p1 != null) { 
            this.showInfo("password" + Checker._infoDivSuffix, "1"); 
        } 
    }
}