在jsp页面中生成验证码

canry Tong — Fri, 13 Apr 2012 07:19:00 GMT

生成验证码的jsp页面createCode.jsp：

<%@ page language="java" contentType="image/jpegRoomAction.javaRoomAction.javaRoomAction.java; charset=utf-8" pageEncoding="utf-8"%>
<%@page import="java.io.*,java.util.*,com.sun.image.codec.jpeg.*,java.awt.*,java.awt.image.*"%>
<%
    String s = "";
    int intCount = 0;
    /**
     * 验证码宽度
     */
    int width = 100;
    /**
     * 验证码高度
     */
    int height = 25;
    /**
     * 验证码字符集
     */
    char[] code = new char[] { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H',
            'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U',
            'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g',
            'h', 'i', 'j', 'k', 'l', 'm', 'n', 'p', 'q', 'r', 's', 't',
            'u', 'v', 'w', 'x', 'y', 'z', '2', '3', '4', '5', '6', '7',
            '8', '9' };

    /**
     *  创建一个随机数生成器类
     */
    Random random = new Random();

    // 随机产生codeCount数字的验证码。
    for (int i = 0; i < 4; i++) {
        // 得到随机产生的验证码数字。
        String strRand = String.valueOf(code[random
                .nextInt(code.length)]);

        // 将产生的四个随机数组合在一起。
        s = s + strRand;
    }

    // 保存入session,用于与用户的输入进行比较.
    // 注意比较完之后清除session.

    session.setAttribute("rand", s);

    response.setContentType("image/gif");

    // 定义图像buffer
    BufferedImage image = new BufferedImage(width, height,
            BufferedImage.TYPE_INT_RGB);
    Graphics2D gra = image.createGraphics();
    // 将图像填充为白色
    gra.setColor(Color.WHITE);
    gra.fillRect(0, 0, width, height);

    // 创建字体，字体的大小应该根据图片的高度来定。

    //字体对象构造方法public Font(String familyName,int style,int size)
    // familyName字体名；字体名可以分成两大类：中文字体：宋体、楷体、黑体等；英文字体：Arial、Times New Roman等等；
    // style风格。PLAIN普通字体，BOLD（加粗），ITALIC（斜体），Font.BOLD+ Font.ITALIC（粗斜体）
    //size 大小

    Font font = new Font("宋体", Font.BOLD + Font.ITALIC, height - 1);//

    // 设置字体。
    gra.setFont(font);

    // 画边框。
    gra.setColor(getColor());
    gra.drawRect(0, 0, width - 1, height - 1);

    // 随机产生干扰线，使图象中的认证码不易被其它程序探测到。
    gra.setColor(Color.BLACK);
    for (int i = 0; i < 50; i++) {
        int x = random.nextInt(width);
        int y = random.nextInt(height);
        int xl = random.nextInt(5);
        int yl = random.nextInt(5);
        gra.setColor(getColor());
        gra.drawLine(x, y, x + xl, y + yl);
    }

    // 输出数字
    char c;

    for (int i = 0; i < 4; i++) {

        c = s.charAt(i);

        gra.drawString(c + "", i * 25 + 4, 20); // 25为宽度，11为上下高度位置

    }

    OutputStream toClient = response.getOutputStream();
    JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(toClient);
    encoder.encode(image);

    toClient.close();

    out.clear();
    out = pageContext.pushBody();
%>
<%!private Color getColor() {
        Random random = new Random();

        int red = 0, green = 0, blue = 0;
        // 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。
        red = random.nextInt(255);
        green = random.nextInt(255);
        blue = random.nextInt(255);
        return new Color(red, green, blue);
    }%>

引用验证码的的jsp页面regist.jsp：

<script type="text/javascript" >
//
function idenfunc()
{
    $("#input06").val("");
    $("#idenimage").attr("src","/html/member/createMa.jsp?temp="+new Date());

}

function toRegist(){

    $.get('/getyzqqLoginAction.do?id='+$('#input06').val(),function(data){
       if(data=='1'){
           alert('效验码不正确,请重新输入.');
           $('#errorM').html('效验码不正确,请重新输入.');
           return;
       }
   })

}
//]]>
script>

<html>
<head><title>title>head>
<body>
<div>

<table>
<tr>
   <th><label for="input06">校验码：label>th>
    <td><input type="text" class="input01" id="input06"  />td>
    <td><img id="idenimage" src="/html/member/createMa.jsp" alt="" />
    <a href="#" onclick="idenfunc();" class="blue">看不清a>
    td>
tr>
table>

div>
body>
html>

java验证代码：

public void getyz()throws Exception{
        HttpServletRequest request = ServletActionContext.getRequest();
        String identity = request.getParameter("id") != null ? request.getParameter("id") : "" ;
        HttpSession session = request.getSession();
        String realidentity=(String)session.getAttribute("rand");
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html");
        if(!identity.trim().equalsIgnoreCase(realidentity.trim())){
            response.getWriter().write("1");
            response.getWriter().close();
        }else{
            session.removeAttribute("rand");
            response.getWriter().write("0");
            response.getWriter().close();
        }
    }

canry Tong 2012-04-13 15:19 发表评论

在java代码中生成验证码

canry Tong — Fri, 16 Mar 2012 00:58:00 GMT

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页title>
    <style type="text/css">
        .code
        {
            background-image:url(code.jpg);
            font-family:Arial;
            font-style:italic;
            color:Red;
            border:0;
            padding:2px 3px;
            letter-spacing:3px;
            font-weight:bolder;
        }
        .unchanged
        {
            border:0;
        }
    style>
    <script language="javascript" type="text/javascript">

    var code ; //在全局定义验证码
    function createCode()
      {
        code = "";
      var codeLength = 6;//验证码的长度
      var checkCode = document.getElementById("checkCode");
      var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的

      for(var i=0;i<codeLength;i++)
        {


      var charIndex = Math.floor(Math.random()*36);
        code +=selectChar[charIndex];


        }
      if(checkCode)
        {
          checkCode.className="code";
          checkCode.value = code;
        }

      }

      function validate ()
      {
      var inputCode = document.getElementById("input1").value;
      if(inputCode.length <=0)
        {
            alert("请输入验证码！");
        }
      else if(inputCode != code )
        {
          alert("验证码输入错误！");
          createCode();//刷新验证码
        }
      else
        {
          alert("^-^ OK");
        }

        }
      function a(){
        createCode();
       }
    script>
head>
<body onload="a()">
<form  action="#">
    <input  type="text" id="input1" />
    <input type="text"  id="checkCode" class="unchanged" style="width: 80px"  /><br />
    <input id="Button1"  onclick="a();" type="button" value="刷新" />
    <input id="Button1"  onclick="validate();" type="button" value="确定" />
form>
body>
html>

canry Tong 2012-03-16 08:58 发表评论

BlogJava-canry Tong-文章分类-验证码生成方式

在jsp页面中生成验证码

在java代码中生成验证码