用servlet写一个验证码的类时,在客户端获取验证码,比如有一个表单,表单中有:
<img src="servlet地址" class="pic" onClick="reCheckCode(this)"/>点击图片重新刷新验证码
在css中把.pic设为:cursor:pointer ;
1、在javascript中写函数:
function reCheckCode(img){
img.src = "servlet地址" ;
}
用goole浏览器点击验证码图片时,可以重新生成验证码,但是在IE9和firefox由于缓存却不能重新生成验证码,可以将函数中的内容改为:img.src = "servlet地址?" + Math.random() ;这样在IE9和firefox中都可以通过点击重新生成验证码。
2、使用jquery(img标签中去掉onClick属性):
$(function(){
$(".pic").on("click",function(){
$(this).attr("src","servlet地址?"+Math.random()) ;
}) ;
}) ;