请教验证码刷新的问题

Macrotea 发布于 2011/05/24 10:17
阅读 1K+
收藏 2

1.今得一验证码类库,配置如何:

  <servlet>
    <servlet-name>jcaptcha</servlet-name>
    <servlet-class>com.octo.captcha.module.servlet.image.SimpleImageCaptchaServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>jcaptcha</servlet-name>
    <url-pattern>/jcaptcha.jpg</url-pattern>
  </servlet-mapping>

 

2.页面配置:

            <div>
              <label for="captcha">验证码</label>
              <br/>
              <input type="text" id="captcha" name="captcha" value=""/>
              <img src="/jcaptcha.jpg" id="captchaPic"/>
            </div>

3.当F5刷新页面,则验证码图片变换

4.今小生只通过jquery控制当点击图片则刷新页面,重新加载验证码图片,但却给用户不友好体验,然小生所识甚少,盼高人指点此情景下何以无刷新更新验证码的图片啊?

5.临帖涕零,不知所言,在下谢谢了.

加载中
1
ValueError
ValueError

 

function reloadCaptcha(imgObj) {
	$(imgObj).fadeOut('fast', function(){
		var datenow = new Date();
		$(this).attr('src', '/captcha/?ver=' + datenow.getMilliseconds()).delay(200).fadeIn('slow');
    });
}
  <div class="captcha-box"> 
    <img src="/captcha/" id="captcha_image" title="看不清楚?点击更换" onclick="reloadCaptcha(this)" /> 
  </div>

同意楼上,实现版:  http://2011.szu.edu.cn/exam/sign

0
眯会
眯会

点击验证码图片,ajax调用servlet,然后js改变img标签的src属性,ajax的url最好加上时间戳。

0
the4king
the4king

不用ajax,给图片添加一个 onclick事件 ,点击时修改src即可

src每次都要不一样,否则浏览器会 304缓存

方法同LS ,但最简单的就是每次src的url加'a' ,

0
Macrotea
Macrotea

很感谢楼上三位的指教,谢谢你们了

且在楼上的代码引导下,我把问题解决了!

0
今天王爷

你可以使用皕应的HCaptcha,HCaptcha是最专业的验证码服务,刷新等功能全部都已经有了,可以在5分钟内让你的网站得到验证码的保护,避免被注册机干扰,刷新等功能不需要你再做实现皕应的官网 http://www.hinsite.com

0
Macrotea
Macrotea

引用来自“今天王爷”的答案

你可以使用皕应的HCaptcha,HCaptcha是最专业的验证码服务,刷新等功能全部都已经有了,可以在5分钟内让你的网站得到验证码的保护,避免被注册机干扰,刷新等功能不需要你再做实现皕应的官网 http://www.hinsite.com

是你公司的产品吗
返回顶部
顶部