JSP实现验证码功能

原创 2004年10月13日 10:26:00

    生成有4个随机数字和杂乱背景的图片,数字和背景颜色会改变,服务器端刷新(用history.go(-1)也会变)

    原型参考ALIBABA http://china.alibaba.com/member/showimage 产生验证码图片的文件image.jsp

<%@ page contentType="image/jpeg" import="java.awt.*,
java.awt.image.*,java.util.*,javax.imageio.*" %>
<%!
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);
        }
%>
<%
//设置页面不缓存
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);

// 在内存中创建图象
int width=60, height=20;
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(0, 0, width, height);

//设定字体
g.setFont(new Font("Times New Roman",Font.PLAIN,18));

//画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);

// 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(160,200));
for (int i=0;i<155;i++)
{
 int x = random.nextInt(width);
 int y = random.nextInt(height);
        int xl = random.nextInt(12);
        int yl = random.nextInt(12);
 g.drawLine(x,y,x+xl,y+yl);
}

// 取随机产生的认证码(4位数字)
String sRand="";
for (int i=0;i<4;i++){
    String rand=String.valueOf(random.nextInt(10));
    sRand+=rand;
    // 将认证码显示到图象中
    g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
    g.drawString(rand,13*i+6,16);
}

// 将认证码存入SESSION
session.setAttribute("rand",sRand);

// 图象生效
g.dispose();

// 输出图象到页面
ImageIO.write(image, "JPEG", response.getOutputStream());
%>


使用验证码图片的文件a.jsp

<%@ page contentType="text/html;charset=gb2312" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>认证码输入页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</head>
<body>
<form method=post action="check.jsp">
<table>
<tr>
<td align=left>系统产生的认证码:</td>
<td><img border=0 src="image.jsp"></td>
</tr>
<tr>
<td align=left>输入上面的认证码:</td>
<td><input type=text name=rand maxlength=4 value=""></td>
</tr>
<tr>
<td colspan=2 align=center><input type=submit value="提交检测"></td>
</tr>
</form>
</body>
</html>


验证的页面check.jsp

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<title>认证码验证页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</head>

<body>
<%
 String rand = (String)session.getAttribute("rand");
 String input = request.getParameter("rand");
%>
系统产生的认证码为: <%= rand %><br>
您输入的认证码为: <%= input %><br>
<br>
<%
  if (rand.equals(input)) {
%>
<font color=green>输入相同,认证成功!</font>
<%
  } else {
%>
<font color=red>输入不同,认证失败!</font>
<%
  }
%>
</body>
</html>

jsp页面实现验证码功能

这个是根据代码  package hpu.edu.lzl.Servlet; import java.awt.Color; import java.awt.Font; import ja...
  • u011521890
  • u011521890
  • 2014年08月23日 14:51
  • 1728

jsp使用验证码及验证码的点击刷新功能的实现

昨天的主要工作就是添加验证码功能,感觉还是挺有意思的。 首先总结下流程:登录注册界面->后台生成图片和这个图片对应的数字->前台的jsp页面获得图片所对应的数字->当用户点击提交后判断用户输入的与存储...
  • fengsigaoju
  • fengsigaoju
  • 2016年10月21日 13:32
  • 3708

jsp登录验证码功能实现

1.login.jsp:关键代码如下 /* 验证码*/ function change(){ var img= document.getElementById("chec...
  • followshadow
  • followshadow
  • 2016年11月07日 19:33
  • 2242

使用JSP+Servlet实现图片验证码

使用JSP+Servlet制作图片验证码
  • weixian52034
  • weixian52034
  • 2016年08月11日 21:04
  • 7773

JSP生成数字验证码教程

验证码应用在各种场合中,十分广泛,在多种多样的系统或软件中的新用户帐户注册、用户登录、网站统一登陆或者用户在网站发布信息模块发布文章或内容都添加的随机码功能,对用户操作过程进行一种验证,使用验证码的目...
  • u012490096
  • u012490096
  • 2014年05月25日 14:22
  • 720

JSP+Servlet实现图片验证码

我们在登录或者注册的过程中,常常会发现有验证码的存在,今天我们自己动手来实现一个图片验证码。 首先,我们的验证码图片是在JSP页面中展示的,所以先从JSP页面着手。直接上代码。 login.jsp ...
  • kkorkk
  • kkorkk
  • 2017年01月09日 20:15
  • 1158

JSP基本注册登录系统(含验证码)

纯手工编写,希望对大家能有所帮助 首先编写注册和登录的基本页面,分别命名为regist.jsp,login.jsp,另外再创一个用于证明用户已经登录的页面提示,命名为main.jsp login....
  • laijieyao
  • laijieyao
  • 2013年10月25日 07:07
  • 10310

JSP实现验证码(利用tooltip进行消息提示)

界面的代码为: js代码为(用jQuery实现:) $(
  • death05
  • death05
  • 2016年06月28日 12:37
  • 722

jsp中验证码的实现

String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServ...
  • ilvest
  • ilvest
  • 2017年03月22日 19:22
  • 654

jsp页面获取java生成的图片验证码

实现自动生成图片验证码,点击验证码能够更换验证码
  • mr_xiyue
  • mr_xiyue
  • 2016年03月30日 16:41
  • 1670
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JSP实现验证码功能
举报原因:
原因补充:

(最多只允许输入30个字)