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. 一个强大的UI node 抽象

    基于cocos2d -x的一个强大的 界面对象的基类 ---@type uinode ui 对象的抽象 --@usage -- 界面打开的执行流程 -- 带*的是可选重写的函数,不带*的为必须实现的 ...

  2. iOS UILabel自定义行间距

    NSString *hintStr = @"输入材料标题搜索材料\n注:可根据材料序号直接搜索, 如TPO23"; CGSize size = [toolset returnTex ...

  3. ios中将事件同步到系统日历

    //获取日历事件 EKEventStore* eventStore = [[EKEventStorealloc] init]; NSDate* ssdate = [NSDatedateWithTime ...

  4. Android Studio 生成aar包，并在其他项目中引用

    1.新建Module 2.作为library来使用 3.在这个library写需要独立出来的东西 4.重新编译工程 5.切换到Project模式查看aar包,生成成功~ 6.引用方法,切换到Proje ...

  5. Qemu 有用的链接

    Qemu下载和编译 Download https://en.wikibooks.org/wiki/QEMU/Linux https://en.wikibooks.org/wiki/QEMU/Insta ...

  6. 【报错】引入jar包import org.apache.commons.codec.digest.DigestUtils 报错，jar不存在

    import org.apache.commons.codec.digest.DigestUtils报错.缺少jar maven引用jar包地址: <!-- https://mvnreposit ...

  7. 关于 modelNameLike 查询无数据

    ---恢复内容开始--- 1.今天在测试的时候发现 model中的name不能模糊查询. ModelQuery modelQuery = repositoryService.createModelQu ...

  8. mysql left join,right join,inner join的区别

    left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录 right join(右联接) 返回包括右表中的所有记录和左表中联结字段相等的记录 inner join(等值连接) ...

  9. css3动画和JS+DOM动画和JS+canvas动画比较

    css3兼容:IE10+.FF.oprea(animation):safari.chrome(-webkit-animation) js+dom:没有兼容问题: js+canvas:IE9+:(性能最 ...

  10. MariaDB数据库管理系统

    MYSQL数据库管理系统被Oracle公司收购后从开源换向到了封闭,导致许多Linux发行版选择了MariaDB.   MYSQL是一款大家都非常熟知的数据库管理系统,技术成熟.配置简单.开源免费并且 ...