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

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

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库。

分享到 :
相关推荐