jsp登录验证码功能实现

该博客详细介绍了如何在jsp登录页面中实现验证码功能。首先,通过JavaScript实现图片刷新,防止验证码缓存。接着展示CheckImgAction工具类,用于生成随机的四字符验证码图像,并将其存储在session中。最后,userAction验证用户输入的验证码,如果输入不正确或与session中的验证码不匹配,返回错误提示。
摘要由CSDN通过智能技术生成

1.login.jsp:关键代码如下


<%@ taglib uri="/struts-tags"  prefix="s"%>

<script type="text/javascript">

/* 验证码*/
function change(){
var img= document.getElementById("checkImage");
img.src="
checkImgAction?"+new Date().getTime();//防止缓存加上new Date
}
</script>


<tr>
  <th>验证码:</th>
 <td>
  <span class="fieldSet">
  <input type="text" id="checkcode" name="checkcode" class="text captcha" maxlength="4" autocomplete="off"/>
  <img id="checkImage" class="captchaImage" src="checkImgAction" οnclick="change()" title="点击更换验证码"/>
  <label style="color: red"><s:actionerror/> </label>
  </span>
 </td>
</tr>


2.CheckImgAction 工具类


package com.coffee.action;


import java.awt.Color;
import java.awt.Font;

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值