验证码插件kaptcha的jsp使用

字体大小: 中小 标准 ->行高大小: 标准

1,去http://code.google.com/p/kaptcha/downloads/list下载kaptcha-2.3.2.zip包,或直接【点此下载】解压交其中的kaptcha-2.3.2.jar 导入项目目录下lib

2,向web.xml里添加servlet

复制代码
<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>
复制代码


3,服务端程序验证功能

复制代码
@RequestMapping("/kaptcha.do")
public void kaptcha(HttpServletRequest request, HttpServletResponse response) {
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)) { //判断内容是否相同
try {
response.getWriter().print("validation code is wrong.");
} catch (IOException e) {
e.printStackTrace();
}
} else {
try {
response.getWriter().print("validation code is right.");
} catch (IOException e) {
e.printStackTrace();
}
}
}
复制代码

4,jsp代码

为了便于测试。本文用JQuery添加属性

复制代码
<script type="text/javascript" src="page/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#kaptchaImage').click(function () {
$(this).attr('src', 'kaptcha.jpg?' + Math.floor(Math.random()*100) );
});
});
</script>
复制代码
 <form action="kaptcha.do">
<img src="kaptcha.jpg" id="kaptchaImage"/>
<input type="text" name="kaptcha" value=""/><br/>
<button type="submit">提交</button>
 </form>

此文章由 www.phpgz.com 收集整理 ,地址为: http://www.phpgz.com/htmls/69092.html

大屏阅读,大屏评论.