验证码万能公式
onclick=”验证码id.src=’验证码src&t=’+Math.random()”
方法一:点击原图时更换验证码
我们在后台开启注册验证码后在前台注册页面中可以看到验证码,点击时会直接更换一张。
配图:

帝国CMS实现点击文字或图片更换验证码的方法
这个功能确实方便很多,用户不需要刷新整个页面就可以更换验证码了。我们在审查元素下可以看到这里的代码是这样写的。
一、更换验证码代码
<img src="../../ShowKey/?v=reg" name="regKeyImg" id="regKeyImg" onclick="regKeyImg.src='../../ShowKey/?v=reg&t='+Math.random()" title="看不清楚,点击刷新">
正是这一行代码起到了点击时就可以更换验证码的功能。
二、万能公式
2.1、更换验证码代码的id和src
即可制作点击自动更换验证码功能。
onclick="验证码id.src='验证码src&t='+Math.random()"
接下来用登陆验证码来做实例。
2.2、 默认登陆验证码代码
<img src="../../ShowKey/?v=login">
<a data-fancybox="images" href="/d/file/p/20220728/96ff3b9b9081296ba9f1c20c7ad27162.png" data-caption="帝国CMS实现点击文字或图片更换验证码的方法"><img alt="帝国CMS实现点击文字或图片更换验证码的方法" src="/d/file/p/20220728/96ff3b9b9081296ba9f1c20c7ad27162.png" style="width: 444px; height: 135px;" title="帝国CMS实现点击文字或图片更换验证码的方法"></a>
当进行到这一步的时候,没有id怎么办?添加id并要保证id唯一性即可。
修改后的代码如下:
2.3、更换登陆验证码代码
<img src="../../ShowKey/?v=login" id="login_20160219" onclick="login_20160219.src='../../ShowKey/?v=login&t='+Math.random()">
接下来我们要在登陆页面中添加代码,找到目录:
网站根目录/e/template/member
然后用hbuilder或Dreamweaver等编辑软件打开login.php
在第60行,添加此代码,配图:

帝国CMS实现点击文字或图片更换验证码的方法
接下来看看效果:

帝国CMS实现点击文字或图片更换验证码的方法
剩下的什么评论验证码、留言验证码、后台登陆验证码都可以按照此万能公式进行实现!
那如果是点击文本时实现更换验证码应该怎么做呢?
方法二:点击文字时更换验证码
其实这个也是很简单的事情,只要我们牢记公式,一切问题都不是问题!下面以评论验证码为例。
2.1 更换评论验证码
要想修改评论验证码,我们首先要找到对应的页面才行。
登陆帝国cms网站后台--模板--公共模板变量--管理模板变量--修改评论表单--粘贴修改代码--点击提交--数据更新--勾选全部刷新并点击刷新所有信息内容页面。
配图:

帝国CMS实现点击文字或图片更换验证码的方法
将源码中的
<img src="[!--news.url--]e/ShowKey/?v=pl" align="absmiddle" />
替换成下面的代码,必须全部复制,否则无效果!
2.1.1 更换登陆验证码代码
<img src="[!--news.url--]e/ShowKey/?v=pl" align="absmiddle" id="自理定义的id" name="自己定义的"/>
<span onclick="pl_20160219.src='[!--news.url--]e/ShowKey/?v=pl&t='+Math.random()" style="color:#f00">换一张</span>

帝国CMS实现点击文字或图片更换验证码的方法
现在不管是点击图片还是点击文字都能实现更换验证码了。
最后强调一下,此教程中提及的两种方法适用于帝国cms各种版本。
本教程转自网络,便于自己理解有所改动!感谢特此说明!