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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。