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('');
    }
})

 

posted @ 2013-09-24 10:22  老骆  阅读(530)  评论(0编辑  收藏  举报