谷歌图形验证码mykaptcha在jsp中的使用

最新推荐文章于 2024-08-25 18:34:05 发布

老板娘来碗面

最新推荐文章于 2024-08-25 18:34:05 发布

阅读量423

点赞数

分类专栏：插件的使用文章标签： java 验证码

本文链接：https://blog.csdn.net/weixin_42279465/article/details/124758885

版权

插件的使用专栏收录该内容

4 篇文章 1 订阅

订阅专栏

需要的jar包：mykaptcha-2.3.2.jar

1.在web.xml中配置

<!--配置谷歌验证码-->
    <servlet>
        <servlet-name>kaptchaServlet</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>kaptchaServlet</servlet-name>
        <url-pattern>/kaptcha.jpg</url-pattern>
    </servlet-mapping>

2.前端页面

<form action="userServlet?op=regist" method="post">
       <label>用户名称：</label>
       <input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off"                                                                                                                 
            tabindex="1"
           value="${requestScope.username}"
            name="username" id="username"/>
            <br/>
           <label>验证码：</label>
            <input class="itxt" name="code" type="text" style="width: 80px; height: 30px" id="code" />
            <img id="code_img" alt="验证码" src="kaptcha.jpg" style="float: right; margin-right: 40px;width: 100px;height: 40px ">
           <br/>
           
            <input type="submit" value="注册" id="sub_btn"/>

 </form>

在js代码中给谷歌验证码绑定单击事件切换验证码

//绑定code_img 谷歌验证码单击事件
            $("#code_img").click(function () {
                this.src="kaptcha.jpg"
            })

3.servlet

        //获取session的验证码
        String token = (String) req.getSession().getAttribute("KAPTCHA_SESSION_KEY");
        //删除session中的验证码
        req.getSession().removeAttribute("KAPTCHA_SESSION_KEY");