原因:点击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('');
}
})