谷歌 kaptcha 圖片驗證碼的使用

谷歌驗證碼 kaptcha 使用步驟如下：
1、 導入谷歌驗證碼的 jar 包
kaptcha-2.3.2.jar
2、 在 web.xml 中去配置用於生成驗證碼的 Servlet 程序

<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>

3、 在表單中使用 img 標簽去顯示驗證碼圖片並使用它

 <label>驗證碼：</label>
 <input class="itxt" type="text" name="code" style="width: 60px;    margin-left: 15px;margin-left: 15px" id="code"/>
 <img alt="" id="code_img" src="kaptcha.jpg" style="float: right;width: 160px;margin-right: 49px">

4、使用jQuery，來使驗證碼可以更新

<script type="text/javascript">
    $(function () {
        $("#code_img").click(function () {
            // 在事件響應的 function 函數中有一個 this 對象。 這個 this 對象， 是當前正在響應事件的 dom 對象
            // src 屬性表示驗證碼 img 標簽的 圖片路徑。 它可讀， 可寫
            this.src = "${basePath}kaptcha.jpg?d=" + new Date();
        });
    });
</script>

5、在servlet進行獲取和驗證

public void get(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //  1、獲取輸入的驗證碼
        String code = req.getParameter("code");
        //獲取圖片里驗證碼的值
        String attribute = (String)req.getSession().getAttribute(KAPTCHA_SESSION_KEY);
        //獲取驗證碼之后，再刪除掉
        req.getSession().removeAttribute(KAPTCHA_SESSION_KEY);
        //2、檢查 驗證碼是否正確  === 寫死,要求驗證碼為:abcde
        if (attribute!=null&&attribute.equalsIgnoreCase(code)) {
                System.out.println("正確!");
        }else{
                System.out.println("錯誤!");
        }
}