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>

你可能感兴趣的:(图片重载)