kaptcha 验证码使用

来源：互联网发布：淘宝介入卖家不举证编辑：程序博客网时间：2024/06/05 02:36

  <servlet>            <servlet-name>Kaptcha</servlet-name>            <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>           </servlet>          <servlet-mapping>              <servlet-name>Kaptcha</servlet-name>               <url-pattern>/Kaptcha.jpg</url-pattern>          </servlet-mapping>

web.xml配置
js方法：

$(function(){  //生成验证码             $('#kaptchaImage').click(function () {      $(this).hide().attr('src', '<%=rootPath%>Kaptcha.jpg?' + Math.floor(Math.random()*100) ).fadeIn(); });      });  function changeCode() {  //刷新    $('#kaptchaImage').hide().attr('src', '<%=rootPath%>Kaptcha.jpg?' + Math.floor(Math.random()*100) ).fadeIn();      event.cancelBubble=true;  }

页面input

 <tr>    <td ><dt>验证码</dt></td>    <td><input name="kaptcha" type="text" id="kaptcha" maxlength="10" class="easyui-validatebox"  style="height: 28px;margin-top: 13px;width: 100%;"/></td>    <td>&nbsp;</td>  </tr>  <tr>    <td> &nbsp; </td>    <td><img src="<%=rootPath%>Kaptcha.jpg" id="kaptchaImage"  style="margin-bottom: -3px;width: 71%;height: 49px;"/></td>    <td align="left">  <a href="#" onclick="changeCode()">看不清?换一张</a>  </td>  </tr>

后台接收的方法

HttpServletRequest request =ServletActionContext.getRequest();    String kaptchaExpected = (String) request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);            // 获取用户页面输入的验证码String kaptchaReceived = request.getParameter("kaptcha");            // 校验验证码是否正确if (kaptchaReceived == null || !kaptchaReceived.equalsIgnoreCase(kaptchaExpected)) {                正确            } else {                      错误            }

jar包下载地址
我用的是kaptcha-2.3.2.jar，可以百度搜索下载

0 0