SSH之ajax验证用户名是否存在和验证码问题

ajax验证用户名是否存在：

在页面中：

form里加上这句 <span id="errorMessage" style="color:red;">  , userName标签中添加onblur="check(this)"

JS function中增加检验function onblur="check(this)"      

                         <!--#################鼠标离开时判断用户名是否存在 ########################--> 
       function check(obj){
        if ($.trim($("#name").val()) == "") {
           alert("请输入用户名");
           $("#name").focus();
           return;
       }else{
        $.post('checkUserName',{'name':$("#name").val()},function(data){
if (data != null && data != '') {
        $("#errorMessage").html(data);
            }
}); 
       }  
       }    

后台程序里添加用户名是否存在的函数判断：

public void checkUserName() {
if (isPost()) {
// 判断用户名是否存在
List userList =this.userService.checkUserName(name);
if (userList != null) {
this.renderText("用户名已存在，请重新输入！");
}else{
this.renderText("用户名不存在!");
}
}
}

验证码问题（包含数字和英文）：

首先，由于是通过servlet完成的，所以先要在web.xml文件中配置servlet容器，

<!--验证Servlet  -->
<servlet>
<servlet-name>Validate</servlet-name>
<servlet-class>servlet.ValidateServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Validate</servlet-name>
<url-pattern>/Validate</url-pattern>
</servlet-mapping>

后台程序生成随机数字和英文（此段代码网上N多，来源于网上）

servlet.ValidateServlet：

package servlet;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.awt.*;
import java.awt.image.*;
import java.util.*;
import javax.imageio.*; 


/**
 * @author  yeeku.H.lee [e-mail]
 * @version  1.0
 * <br>Copyright (C), 2005-2008, yeeku.H.Lee
 * <br>This program is protected by copyright laws.
 * <br>Program Name:
 * <br>Date: 
 */
public class ValidateServlet extends HttpServlet
{
    private Font mFont = new Font("Arial Black", Font.PLAIN, 16);
    public void init() throws ServletException
    {
        super.init();
    }
    Color getRandColor(int fc,int bc)
    {
        Random random = new Random();
        if(fc>255) fc=255;
        if(bc>255) bc=255;
        int r=fc+random.nextInt(bc-fc);
        int g=fc+random.nextInt(bc-fc);
        int b=fc+random.nextInt(bc-fc);
        return new Color(r,g,b);
    }


    public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
    {
        response.setHeader("Pragma","No-cache");
        response.setHeader("Cache-Control","no-cache");
        response.setDateHeader("Expires", 0);
        response.setContentType("image/jpeg");
        
        int width=100, height=18;
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        
        Graphics g = image.getGraphics();
        Random random = new Random();
        g.setColor(getRandColor(200,250));
        g.fillRect(1, 1, width-1, height-1);
        g.setColor(new Color(102,102,102));
        g.drawRect(0, 0, width-1, height-1);
        g.setFont(mFont);


        g.setColor(getRandColor(160,200));
        for (int i=0;i<155;i++)
        {
            int x = random.nextInt(width - 1);
            int y = random.nextInt(height - 1);
            int xl = random.nextInt(6) + 1;
            int yl = random.nextInt(12) + 1;
            g.drawLine(x,y,x + xl,y + yl);
        }
        for (int i = 0;i < 70;i++)
        {
            int x = random.nextInt(width - 1);
            int y = random.nextInt(height - 1);
            int xl = random.nextInt(12) + 1;
            int yl = random.nextInt(6) + 1;
            g.drawLine(x,y,x - xl,y - yl);
        }


        String sRand="";
        for (int i=0;i<6;i++)
        {
String tmp = getRandomChar();
            sRand += tmp;
            g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
       g.drawString(tmp,15*i+10,15);
        }


        HttpSession session = request.getSession(true);
        session.setAttribute("rand",sRand);
        g.dispose();
        ImageIO.write(image, "JPEG", response.getOutputStream());
    }
    private String getRandomChar()
    {
int rand = (int)Math.round(Math.random() * 2);
long itmp = 0;
char ctmp = '\u0000';
switch (rand)
{
case 1:
itmp = Math.round(Math.random() * 25 + 65);
ctmp = (char)itmp;
return String.valueOf(ctmp);
case 2:
itmp = Math.round(Math.random() * 25 + 97);
ctmp = (char)itmp;
return String.valueOf(ctmp);
default :
itmp = Math.round(Math.random() * 9);
return String.valueOf(itmp);
}
    }
}

在页面上：

首先要有验证码的标签 <div class="texts" style="padding:31px 0 0 75px; float:left;">验证码</div>
    <img src="${base}/Validate" id="img"><a href="#" onClick="refresh('${base}/Validate')">单击此处刷新</a>

 <input type="text" name="vercode" id="vercode" />

刷新方法：    

function refresh(url){
    document.getElementById('img').src = url; 
    }

验证时把页面上的vercode与servlet.ValidateServlet session里值作比较，具体代码如下：

Map session = ActionContext.getContext().getSession();
String ver2 = (String) session.get("rand");
// 判断用户名是否为"zy"，密码是否正确，是则登录成功
if (vercode.equals(ver2)||this.userService.checkUser(name, password)) {
this.renderText("登录成功！");
} else {
this.renderText("登录失败！");
}