给emlog5.3.1版本验证码添加点击刷新功能的方法

Emlog默认模板下验证码是没有点击刷新功能的，要刷新验证码的话还是得按F5刷新整个页面重新获得验证码，虽然emlog验证码看得比较清楚，但要通过重新刷新网页来获得新的验证码的方法对于网站负荷和用户体验来讲都并不合适，所以有必要给验证码添加点击刷新功能了。
若要给emlog验证码添加点击刷新功能，还是很简单的，因为emlog的验证码也是img形式存在的，所以和其它类似的验证码一样，为img标签添加onclick属性就行了。
Emlog有用到验证码的源代码有如下文件：
Emlog碎语：/t/index.php
Emlog评论：/include/controller/log_controller.php
Emlog管理后台登录：include\lib\loginauth.php

将以上文件的验证码位置的img标签添加以下语句即可实现点击刷新验证码功能：

style="cursor:pointer;" alt="未显示?请点击刷新" title="看不清楚？请点击刷新" onclick="this.src=this.src+'?'"

复制代码

如Emlog评论：/include/controller/log_controller.php，有以下验证码源码：

<img src="".BLOG_URL."include/lib/checkcode.php" align="absmiddle" /><input name="imgcode" type="text" class="input" size="5" tabindex="5" />

复制代码

改成如下代码即可添加上点击刷新验证码功能：

<img src="".BLOG_URL."include/lib/checkcode.php" align="absmiddle" style="cursor:pointer;" alt="未显示?请点击刷新" title="看不清楚？请点击刷新" onclick="this.src=this.src+'?'" /><input name="imgcode" type="text" class="input" size="5" tabindex="5" />

复制代码

其它几个页面中添加验证码刷新功能方法类似，此略，注：此方法在em5.3.1正常使用，其他版本未测试。

另一种方法，来源于论坛，简爱发布：前提是当前模板要加载过 jQuery，没有的可以自己添加一下，直接在后台添加统计代码的位置添加即可 (下面的代码也在此位置添加，适用于全部正规模板)

<font size="4" face="黑体">$('img[src*="checkcode.php"]') // jQuery 筛选器5 M: M8 n: p# m" n
.attr('title', '单击刷新验证码') // 添加 title
. Q# h8 R3 \4 ^: [6 u1 l* ?
.click(function(){ // 单击事件
) r. P$ ~8 d# M* u8 a C" a
this.src = this.src.replace(/\?.*$/, "") +'?'+ new Date().getTime(); // 重新设置验证码图片地址 checkcode.php?r=当前毫秒数
7 T4 Z- X3 q* D
});</font>

复制代码

		自动登录	找回密码
密码			立即注册

给emlog5.3.1版本验证码添加点击刷新功能的方法-站长杂谈下载

给emlog5.3.1版本验证码添加点击刷新功能的方法

相关帖子

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程27人阅读

【原创】根据论坛发帖时间或门户文章发布时间，判断时间是否为当39人阅读

非手动网站版权年份自动更新代码43人阅读

【收集整理】兔源码简单收集整理关于网页上各meta标签说明38人阅读

【原创】JS检测网址是否可访问，如可访问则显示链接直达并可点击48人阅读

【原创】分享一款html5+css3的横排导航列表DIY模块（百分百有效40人阅读

【原创】分享一款html5+css3的四排图文资讯列表DIY模块（百分百191人阅读

【转载】垂直时光轴HTML单页+CSS+js模块882人阅读

【转载】文字由左向右循环滚动DIY+CSS+js模块932人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS3693人阅读

所属版块