您现在的位置是：首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国cms验证码jQuery实现页面无刷新更新验证码方法

古驰2023-05-19帝国CMS教程已有人查阅

导读jQuery实现页面无刷新更新验证码方法，本方法适用帝国CMS任何地方的验证码。当前页面无论你使用什么验证码，只要id是KeyImg。它会自动识别，多个验证码写多个ID即可！

jQuery实现页面无刷新更新验证码方法，本方法适用帝国CMS任何地方的验证码。
html代码：

<img id="KeyImg" src="/e/ShowKey/?v=info" title="看不清楚,点击刷新" alt="看不清楚,点击刷新" />

jQuery代码：

/*验证码*/
$(function(){
$("#KeyImg").click(function(){
var str=$(this).attr('src')+'&';//验证码字符串
var exp=/v=[a-z]+&/; //正则
var key=exp.exec(str);//匹配
var myDate=new Date().getTime();//当前时间戳
$(this).attr('src', '/e/ShowKey/?'+key+'t='+myDate);//返回
});
});

当前页面无论你使用什么验证码，只要id是KeyImg。它会自动识别，多个验证码写多个ID即可！

以上代码是网络收集的，其实根本没这么复杂，我自用的一段代码，一段就搞定了。

$("body").on("click","#KeyImg",function(){
$(this).attr("src","/e/ShowKey/?v=login&t="+ Math.random());
});

点击验证码图片，重新刷新验证码，就这么简单。

以上代码都是Jquery代码，所以记得加载Jquery库。

本文标签：帝国验证码

很赞哦！ ()

上一篇：帝国CMS栏目怎么缓存调用面包屑

下一篇：帝国CMS新闻系统模型和文章系统模型有什么区别

图文教程

相关源码

(自适应响应式)html5蓝色智能水表营销型网站pbootcms模板下载PbootCMS内核开发，为智能水表企业打造的营销型网站解决方案，本模板基于PbootCMS内核开发，为智能水表及相关行业企业设计，采用HTML5+CSS3技术构建，具有响应式布局。查看源码
(自适应)品牌策划网络设计作品公司个人pbootcms网站源码下载本款基于PbootCMS开发的网站模板专为品牌策划、设计公司打造，特别适合展示创意作品、设计案例和企业服务。模板采用现代化设计风格查看源码
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外，通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发，基于帝国CMS7.5内核构建，针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析，实现小说资源的精准推荐与导航功能。查看源码
(自适应)蓝色厨卫厨房水龙头阀门水槽设备源码下载基于PbootCMS内核开发，深度适配厨卫设备行业特性。通过精准的产品展示模块与水效标识专区设计，有效呈现五金件工艺细节。响应式布局确保从手机到平板都能展示金属质感与水流动态效果。查看源码
(自适应)蓝色基建施工工程建筑集团网站pbootcms模板下载为工程建筑、基建施工类企业打造的PbootCMS模板，采用现代化设计理念，突出企业实力与项目展示，帮助建筑类企业快速建立专业在线门户。查看源码