您现在的位置是:首页 > 教程 > 帝国CMS教程帝国CMS教程
帝国cms验证码jQuery实现页面无刷新更新验证码方法
古驰2023-05-19 21:53:07帝国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二次开发中的常见问答
1、如果开启了“关闭前台所有动态页面”选项,二次开发的文件如何能访问?2、LoadLang()导入语言包文件路径是如何表示的 -
帝国CMS7.5使用PHP7.x登录后台报错怎么办
以下是帝国CMS官方说明!使用PHP7.*运行环境时,以下两种情况,设置支持PHP7.*操作步骤:1、全新安装帝国CMS时:2、已经安装好帝国CMS换PHP7.*运行环境时:3、php.ini配置问题,按下面修改即可解决:(记得改完重启环境) -
帝国CMS内容页怎么调用附属专题的方法
在内容页如何调用当前内容页属于哪个专题分类了,其实很简单,代码如下。帝国CMS内容页调用附属专题方法 -
帝国CMS多图上传插件为默认选中多选上传的方法
使用帝国CMS多图插件默认后台点选多图按钮的时候界面为上图:这样非常不方便,如果要改成为下图默认方式就很方便了:
留言与评论 (共有 条评论) |