您现在的位置是:首页 > 教程 > 帝国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库。

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

相关标签