1.新建web项目，导入jar包：kaptcha-2.3.jar

2.配置web.xml代码如下：

 <?xml version="1.0" encoding="UTF-8"?>

 <web-app version="3.0"

     xmlns="http://java.sun.com/xml/ns/javaee"

     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">

  <welcome-file-list>

     <welcome-file>index.jsp</welcome-file>

   </welcome-file-list>

  <!-- kaptcha验证码配置 -->

   <servlet>

     <description>This is the description of my J2EE component</description>

     <display-name>This is the display name of my J2EE component</display-name>

    <!-- 生成图片的servlet -->

     <servlet-name>Kaptcha</servlet-name>

     <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>

     <!-- 是否有边框 -->

     <init-param>

         <param-name>kaptcha.border</param-name>

         <param-value>no</param-value>

     </init-param>

     <!-- 字体颜色 -->

     <init-param>

         <param-name>kaptcha.textproducer.font.color</param-name>

         <param-value>red</param-value>

     </init-param>

     <!-- 图片宽度 -->

     <init-param>

         <param-name>kaptcha.image.width</param-name>

         <param-value>135</param-value>

     </init-param>

     <!-- 使用哪些字符生成验证码 -->

     <init-param>

         <param-name>kaptcha.textproducer.char.string</param-name>

         <param-value>ACDEFHKPRSTWX345679</param-value>

     </init-param>

     <!-- 图片高度 -->

     <init-param>

         <param-name>kaptcha.image.height</param-name>

         <param-value>50</param-value>

     </init-param>

     <!-- 字体大小 -->

     <init-param>

         <param-name>kaptcha.textproducer.font.size</param-name>

         <param-value>43</param-value>

     </init-param>

     <!-- 干扰线的颜色 -->

     <!-- <init-param>

         <param-name>kaptcha.noise.color</param-name>

         <param-value>balck</param-value>

     </init-param> -->

     <!-- 字符个数 -->

     <init-param>

         <param-name>kaptcha.textproducer.char.length</param-name>

         <param-value>4</param-value>

     </init-param>

     <!-- 使用哪些字体 -->

     <init-param>

         <param-name>kaptcha.textproducer.font.names</param-name>

         <param-value>Arial</param-value>

     </init-param>

   </servlet>

   <servlet>

     <description>This is the description of my J2EE component</description>

     <display-name>This is the display name of my J2EE component</display-name>

     <servlet-name>VerifyServlet</servlet-name>

     <servlet-class>cn.hbsi.nzx.servlet.VerifyServlet</servlet-class>

   </servlet>

     <!-- 映射的url -->

   <servlet-mapping>

     <servlet-name>Kaptcha</servlet-name>

     <url-pattern>/Kaptcha.jpg</url-pattern>

   </servlet-mapping>

 </web-app>

3.写表单index.jsp

 <%@ page language="java" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML>

 <html>

   <head>

     <title>显示KaptchaServlet生成的验证码</title>

     <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.js"></script>

     <script type="text/javascript">

         //点击切换验证码

         function changeVerifyCode(){

             $("#yzmImg").attr("src","Kaptcha.jpg?"+Math.floor(Math.random()*100));

         }

         //提交

         function doSubmit() {

             var verifyCodeValue = $("#verifyCode").val();

             if(verifyCodeValue.replace(/\s/g,"") == "") {

                 alert("请输入验证码");

             }else {

                 //提交前先异步检查验证码是否输入正确

                 var verifyUrl = "${pageContext.request.contextPath}/servlet/VerifyServlet?verifyCode="+verifyCodeValue;

                 $.ajax({

                     type:"GET",

                     url:verifyUrl,

                     success:function(returnData){

                         if(returnData!="Y") {

                             alert("请输入正确的验证码！");

                         }else {

                             //验证码正确，进行提交操作

                             alert("验证码输入正确，提交表单");

                         }

                     },

                     error:function(e){

                         alert(e);

                         alert("111");

                     }

                 });

             }

         }

     </script>

   </head>

   <body>

        <form>

         <table>

             <tr>

                 <td>

                         请输入验证码：

                 </td>

                 <td>

                     <input type="text" name="verifyCode" id="verifyCode">

                     <img src="Kaptcha.jpg" onclick="changeVerifyCode()" id="yzmImg" style="cursor: pointer;">

                     <a href="javascript:void(0)" onclick="changeVerifyCode()">看不清，换一张</a>

                 </td>

             </tr>

             <tr>

                 <td>

                     &nbsp;

                 </td>

                 <td>

                     <input type="button" value="提交" onclick="doSubmit()">

                 </td>

             </tr>

         </table>

     </form>

   </body>

 </html>

4.写一个servlet验证验证码是否输入正确

 /**

  *

  */

 package cn.hbsi.nzx.servlet;

 import java.io.IOException;

 import java.io.PrintWriter;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 public class VerifyServlet extends HttpServlet {

     public void doGet(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         response.setContentType("text/html;charaset=utf-8");

         response.setHeader("pragma", "no-cache");

         response.setHeader("cache-control", "no-cache");

         PrintWriter out = null;

         try {

             //响应数据

             String resultData;

             //获取传过来的验证码

             String verifyCode = request.getParameter("verifyCode");

             System.out.println("verifyCode----"+verifyCode);

             if(verifyCode=="") {

                 resultData = "N";

             }else {

                 //获取kaptcha生成存放在session中的验证码

                 String kaptchaValue = (String) request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

                 //比较输入的验证码和实际生成的验证码是否相同

                 if(kaptchaValue == null || kaptchaValue == ""||!verifyCode.equalsIgnoreCase(kaptchaValue)) {

                     resultData = "N";

                 }else {

                     resultData = "Y";

                 }

             }

             out = response.getWriter();

             out.write(resultData);

             out.flush();

         }catch(Exception e) {

             e.printStackTrace();

         }finally {

             if(out != null) {

                 out.close();

             }

         }

     }

 }

用kaptcha生成验证码的更多相关文章

  1. 使用kaptcha生成验证码

    原文:http://www.cnblogs.com/xdp-gacl/p/4221848.html kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等 ...

  2. 转】使用kaptcha生成验证码

    原博文出自于: http://www.cnblogs.com/xdp-gacl/p/4221848.html 感谢! kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜 ...

  3. Spring MVC 使用kaptcha生成验证码

    Spring MVC 使用kaptcha生成验证码 1.下载kaptcha-2.3.2.jar(或直接通过该文章附件下载) http://code.google.com/p/kaptcha/downl ...

  4. Java Web学习总结（22）——使用kaptcha生成验证码

    kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用kaptcha生成验证码以及在服务器端取出验证码进行校验. 一.搭建测试环境 ...

  5. Spring Boot快速集成kaptcha生成验证码

    Kaptcha是一个非常实用的验证码生成工具,可以通过配置生成多样化的验证码,以图片的形式显示,从而无法进行复制粘贴:下面将详细介绍下Spring Boot快速集成kaptcha生成验证码的过程. 本 ...

  6. Sping mvc 环境下使用kaptcha 生成验证码

    一.kaptcha 的简介 kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kap ...

  7. 利用kaptcha生成验证码的详细教程

    kaptcha是一个简单好用的验证码生成工具,有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.Ka ...

  8. Spring mvc框架下使用kaptcha生成验证码

    1.下载jar包并导入. kaptcha-2.3.2.jar 2.spring 配置文件 applicationContext.xml. <bean id="captchaProduc ...

  9. JAVA整合kaptcha生成验证码 （字母验证码和算术验证码）

    引入maven <!--图片验证码--> <dependency> <groupId>com.github.penggle</groupId> < ...

随机推荐

  1. linux安装dubbo

    (1)下载dubbo-admin-2.4.1.war包  https://github.com/alibaba/dubbo.git 1.打开cmd 2.cd到dubbo的根目录下,我的dubbo根目录 ...

  2. hadoop map（分片）数量确定

    之前学习hadoop的时候,一直希望可以调试hadoop源码,可是一直没找到有效的方法,今天在调试矩阵乘法的时候发现了调试的方法,所以在这里记录下来. 1)事情的起因是想在一个Job里设置map的数量 ...

  3. 集群Cluster介绍

    来源:http://www.ibm.com/developerworks/cn/linux/cluster/lw-clustering.html简单的说,集群(cluster)就是一组计算机,它们作为 ...

  4. vue中的组件，Component元素，自定义路由，异步数据获取

    组件是Vue最强大的功能之一.组件是一组可被复用的具有一定功能,独立的完整的代码片段,这个代码片段可以渲染一个完整视图结构组件开发如何注册组件?第一步,在页面HTML标签中使用这个组件名称,像使用DO ...

  5. Python图像处理（16）：图像金字塔

    快乐虾 http://blog.csdn.net/lights_joy/ 欢迎转载,但请保留作者信息 图像金字塔是图像中多尺度表达的一种,最初用于机器视觉和图像压缩.一幅图像的金字塔是一系列以金字塔形 ...

  6. 用户文件夹在Finder中消失的问题

    这个问题最早有人报告说.在升级了10.9.3的机器上.用户文件夹(/Users)会在Finder中消失.可是非常多人没有这个问题.经过多人的重复查证,最后锁定在iTunes 11.2更新上.假设用户打 ...

  7. x-forwarded-for之深度挖掘

    如今利用nginx做负载均衡的实例已经很多了,针对不同的应用场合,还有很多需要注意的地方,本文要说的就是在通过CDN 后到达nginx做负载均衡时请求头中的X-Forwarded-For项到底发生了什 ...

  8. 多重采样(MultiSample)下的FBO反锯齿 【转】

    在三维渲染的过程中,锯齿总是让人讨厌的东西.抗锯齿的一种采用方式是多重采样,本文主要小记一下FBO与多重采样的关系.——ZwqXin.com 首先,关于FBO(Frame Buffer Object) ...

  9. Docker解析及轻量级PaaS平台演练（二）--Docker的一些简单命令

    上一篇中,我们对Docker有了一个基本的了解 下面将讨论Docker中Image,Container的相关实际操作 Image管理: 镜像的命名和版本管理: 普通镜像的命名规范 {namespace ...

  10. css - margin-padding

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...