卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章11201本站已运行3223

jQuery实现页面无刷新更新验证码方法

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

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栏目缓存调用面包屑方法
下一篇: 帝国cms默认编辑器UEdito读取远程图片失效
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏