欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

帝国cms教程

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

帝国cms教程 我的站长站 2020-08-28 共140人阅读

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

相关推荐
  • 帝国cms验证码
  • jquery教程
  • 帝国cms7.5运算式验证码插件
    帝国cms7.5运算式验证码插件

    用腻了原版的字母+数字组合的验证码,那就试试帝国cms加减法运算验证码,支持所有页面的验证,至少支持7.0以上帝国cms utf8版本(6.6没安装所以就没试过),GBk版请自行转编码即可。安装方法方法一:(不修改...

    帝国cms插件 546 4年前
  • 帝国CMS教程验证码不显示

    帝国CMS验证码不显示,尝试以下做法 1、重新修改提交评论表单 2、去掉页面所有的bom头 3、检查服务器的GD库。 4、去掉了<?php ?>之间的空格回车 5、清除服务器以及本

    帝国cms教程 250 10年前
  • 帝国cms验证码打叉不显示解决方法
    帝国cms验证码打叉不显示解决方法

    帝国cms验证码打叉不显示解决方法一般是utf8版本的帝国cms会遇到了,原因是你用普通记事本修改了 e/config/config.php (6.6版本的帝国是 e/class/config.php)解决方法推荐你使用dw把编码重新改回...

    帝国cms教程 371 9年前
  • 帝国CMS整合腾讯防水墙验证码
    帝国CMS整合腾讯防水墙验证码

    效果图做网站,验证码是个少不了的东西。可以自动系统自带的验证码,这个在一般网站中是已经满足需求的。但是,当你感觉自带的图形验证码不够安全的时候,或许你就会想换种验证方法。这个怎么换呢?是自己...

    帝国cms教程 313 5年前
  • 帝国cms二次开发AJAX验证标题是否重复

    帝国cms后台发信息最怕点击提交后,提示标题重复又要重新写一遍。现在给大家分享一款实时验证标题的方法,这样就可以避免出现重复的信息。帝国CMS-AJAX验证标题是否重复方法1、帝国cms后台 - 管理数据表 - 找到自己使用的数据表 - 修改title字段 - 输入...

    帝国cms教程 240 7年前
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file宽高的代码如下,仅在火狐中测试了,其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...

    js教程 128 5年前
  • Jquery实战视频教程 6小时精通Jq
    Jquery实战视频教程 6小时精通Jq

    Jquery实战视频教程 6小时精通Jq,实现小应用,附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...

    视频教程 119 4年前
  • JQuery鼠标移动添加删除样式

    JQuery鼠标移动添加删除样式方法,下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件,下面的B标签显示,后门的function就是鼠标移开隐藏。...

    js教程 109 4年前
  • jQuery1.11.3参考手册.chm下载
    jQuery1.11.3参考手册.chm下载

    jQuery1.11.3参考手册.chm,包含以下主要内容:速查表、核心、选择器、属性、筛选、文档处理、CSS、事件、效果、Ajax、工具、事件对象、延迟对象、回调函数jQuery手册截图...

    电子书 55 3年前
  • jQuery淡入淡出效果语法教程

    实现前端特效的方法很多,最方便的还是css,当然有些特效还是使用JavaScript脚本比较简单,具体的还得看情况而定。jquery作为高度封装的JavaScript,它给我们提供了一些特效实现方式,我们一起来学习下吧。jQuery Fading 方法通过 jQuery,您可以实现元素的淡入...

    js教程 83 4年前