`
yuelangyc
  • 浏览: 448192 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS无刷新重载图片,验证码--`看不清换一张`功能

阅读更多
登陆模块中,为了防止暴力破解密码都会添加验证码,包括图片点击获取新验证码功能实现(看不清换一张)。

浏览器不刷新的情况下,进行图片切换,重新加载图片:


     <div id="validcode" >
         <label>验证码:</label>
         <input type="text" name="kaptchafield" class="textbox340" name="kapt" id="kapt" style="width: 180px; vertical-align:middle;" value="" />
         <img id='kaptcha' src="Kaptcha.jpg" style="vertical-align:middle;"/>
     </div>



 $("#kaptcha").click(function(){
    this.setAttribute('src','Kaptcha.jpg?'+Math.random());
 });



<script language="JavaScript">
function reloadcode(){
    var verify=document.getElementById('kaptcha');
    //这里必须加入随机数不然地址相同无发重新加载
    verify.setAttribute('src','Kaptcha.jpg?'+Math.random());
}
</script>

0
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics