下载鸥 > 网站下载 > 开发教程 > 帝国CMS

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

817 2021-02-18 15:06:41

收藏

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

html代码:

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

jQuery代码:

/*验证码*/
$(function(){
$("#KeyImg").click(function(){
varstr=$(this).attr('src')+'&';//验证码字符串
varexp=/v=[a-z]+&/;//正则
varkey=exp.exec(str);//匹配
varmyDate=newDate().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库。

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

本文地址:https://xzo.com.cn/develop/empire/432.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
帝国cms博客怎样将发布时间设置为秒/分钟/小时/天/个月前?
帝国cms博客怎样将发布时间设置为秒/分钟/小时/天/个月前?

最近发现想要用帝国CMS开发博客的客户越来越多,但帝国cms本身更多的是支持企...

7 825
帝国cms怎样将信息来源befrom外链转内链?
帝国cms怎样将信息来源befrom外链转内链?

很多技术分享型站点转载了外站不少信息,部分有素质的站长会展示信息来源并链...

27 3768
帝国CMS 8.0版本即将上线,届时不再支持GBK、BIG5编码
帝国CMS 8.0版本即将上线,届时不再支持GBK、BIG5编码

3月1日上午10点,帝国cms创始人王猛发布微博称8.0版本不再支持gbk、big5编码...

8 545
帝国cms怎样记录会员浏览信息历史记录?
帝国cms怎样记录会员浏览信息历史记录?

帝国cms论坛早已有了以cookie形式保存浏览量历史记录在客户端的插件,但这样...

7 375
帝国cms网站链接域名出现了2次,访问都是404是什么原因?
帝国cms网站链接域名出现了2次,访问都是404是什么原因?

帝国cms网站链接域名出现了2次是什么原因,要怎么解决?这个问题往往出现在用户...

1 624
帝国cms会员中心查看评论过的文章怎么开发?
帝国cms会员中心查看评论过的文章怎么开发?

许多帝国cms站点开放了会员评论的功能,而评论过的文章可以查看则相当于当年...

1 276
帝国cms会员中心怎样调用我提交的反馈历史记录?
帝国cms会员中心怎样调用我提交的反馈历史记录?

帝国cms信息反馈表非常好用,通过合理开发信息反馈功能,我么可以实现用户留言...

1 237
帝国cms编辑器ckeditor怎样获取最新内容?
帝国cms编辑器ckeditor怎样获取最新内容?

帝国cms编辑器使用的是ckeditor,想要获取最新内容需要点击两下,否则取到的不...

0 251
随机帝国CMS开发教程
帝国CMS新闻系统模型与文章系统模型的区别
帝国CMS新闻系统模型与文章系统模型的区别

帝国CMS新闻系统模型与文章系统模型都可以用来储存新闻,字段也差不多,用法还...

0 259
帝国CMS按评论数量排行文章
帝国CMS按评论数量排行文章

帝国CMS按评论数量排行文章,用灵动标签调用最新最多评论文章。这个地方的核...

8 762
帝国cms隔行换色换样式的效果
帝国cms隔行换色换样式的效果

帝国cms隔行换色换样式的效果其实用CSS3就可以解决,但是低版本浏览器不支持C...

8 804
帝国CMS7.5安装教程
帝国CMS7.5安装教程

帝国CMS是市面上最好用、功能最强大的开源CMS之一,入门难度也不高。帝国CMS...

8 757
帝国CMS登录报错Table phome_enewsdolog is marked as crashed and should be repaired解决方法
帝国CMS登录报错Table phome_enewsdolog is marked as crashed and should be repaired解决方法

帝国CMS登录报错Table phome_enewsdolog is marked as crashed and should ...

0 918
帝国CMS后台添加信息报错Duplicate entry 'xx' for key 'PRIMARY'
帝国CMS后台添加信息报错Duplicate entry 'xx' for key 'PRIMARY'

这种帝国CMS报错是因为ecms_news_index索引数字不对,索引ID“3261”的信息已...

11 861
分享一段帝国CMS高效随机调用代码函数
分享一段帝国CMS高效随机调用代码函数

帝国CMS随机调用用’rand()’参数就可以了。但在实际应用中,我们会发现rand(...

3 770
帝国CMS自带的egetip()获取用户IP函数介绍
帝国CMS自带的egetip()获取用户IP函数介绍

在使用帝国CMS获取用户IP地址时,不需要自己再编写获取IP代码了,帝国CMS自带获...

8 572
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入