IE6 验证码刷新失败显示空白解决办法
原因:点击a标签看不清?换图片 结果验证码显示的空白!
解决办法:在对应的点击事件最后加上return false 即可解决问题。
下面是HTML源码:
<p class="registerLCBox clearfix"> <label for="" style="line-height:35px; height:35px;">验证码</label> <input type="text" style="height:28px;" class="registerICode" name="veryfycode" id="verify" Err-empty="请输入验证码" Err-error="验证码错误" placeholder="输入验证码" tabindex="5" /> <img id="refresh_verify" width="90" style="height:30px;margin-top:0px;" alt="验证码" title="点击刷新" class="registerICodePic" src="http://caifudemo.yixin.com/index.php/user/verify?t=00000"> <a class="registerA" id="change_verify" href="javascript:void(0);" style="margin-top:8px;">看不清?换图片</a> </p>
下面是jquery代码:
$(function(){ // 换一张验证码 $('#change_verify').click(function(){ user.refresh_verify(); return false; /*加上 return false 解决ie6 点击刷新验证码空白问题*/ }); refresh_verify : function() { var imgsObj = $('#refresh_verify'); var src = imgsObj.attr('src'); var _src = src.substr(0, src.lastIndexOf('?')) + '?t=' + Math.random(); imgsObj.attr("src", _src); $('#verify').val(''); } })
朝朝暮暮.