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