# 帝国cms适用的jQuery页面无刷新更新验证码教程

*Published:* 2023-11-18
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2023年11月18日，已超过 180天没有更新



本方法适用帝国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库。