验证码的刷新

用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()) ; 

 }) ;

}) ;

你可能感兴趣的:(验证码的刷新)