js图形验证码插件

所属分类:其他,输入-独立的部件,验证

 89159  594  查看评论 (80)
分享到微信朋友圈
X
js图形验证码插件 ie兼容9

更新时间:2017/3/31 下午2:58:45

更新说明:修改了生成验证码的方法,修复点击刷新验证码后的第一次验证失败问题。


更新时间:2017/3/21 下午6:12:43

更新说明:修复验证错误之后,每次都是错误。

使用方法

先创建一个容器:比如div,设置宽高,

设置div的id,比如:container,

初始化图形验证码:

var verifyCode = new GVerify("container");

参数:

只传一个id的时候,默认类型为数字和字母混合:“blend”

也可传多个参数:number:纯数字类型,letter:纯字母类型

var verifyCode = new GVerify({
        id:"container",
        type:"number"
});

方法:

verifyCode.refresh();刷新图形验证码

verifyCode.validate(code);验证图形验证码,参数code为用户输入的验证码,返回值:正确:true,错误:false

相关插件-独立的部件,验证

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 30538  332

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 43929  359

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 28910  299

jQuery漂亮的CSS3颜色渐变选择器

jQuery漂亮的CSS3颜色渐变选择器可直接生成各种CSS渐变代码,功能强大!
  独立的部件
 31175  324

讨论这个项目(80)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2018/11/16 16:32:29
    重新设定高度之后,验证失败图片显示不全
        ◆丶碎碎念碎碎心、╀0
        2018/11/26 10:58:18
        canvas高度和 容器高度要保持相等
    回复
    !!! 0
    2018/10/16 19:00:49
    一个页面能不能使用两次这个插件?我这个用不了
    回复
    ~Broken Angela~ 0
    2018/10/12 15:27:52
    兼容性到多少, 回复
    One day,love will find a 0
    2018/9/10 11:11:51
    如果是后台给的值,怎么传? 回复
    Ori_ 0
    2018/8/17 12:03:02
    请问怎么设置这个canvas的大小。 回复
         0
    2018/7/3 19:10:05
    作者有发布的npm包吗
        ace01090
        2018/7/4 8:49:35
        没有哦。。。这只是一个前端canvas例子。不适合用在真正的生产环境哦。正确的做法应该是后端生产图片给前端。
    回复
    欲盖弥彰。。 0
    2018/6/10 11:44:03
    请问怎么改变这个canvas的大小??
        我喜欢你是寂静的1
        2018/6/11 17:26:49
        var oCan = $("#myCanvas");

        设置canvas大小的时候,只能通过设置width,height标签属性设置宽高,
        不能通过css样式中width和height设置宽高,也不能通过:

        ocon.style.width,ocon.style.height

        还不能通过JQ中的css函数设置宽高(会拉伸canvas),只能通过两种方式:
        1.标签中的width和height
        2.

        ocon.width, ocon.height( oCan.get(0).width = oCan.get(0).height = 600;)
        ace01091
        2018/6/13 8:59:55
        <div id="v_container" style="width: 200px;height: 50px;"></div>

        就像下载的demo一样  ,不是有个div作为容器吗?这个div的宽高就决定了整个验证码的宽高啦。

    回复
    。。。、 0
    2018/3/13 11:27:05
    登录 注册使两边都要用怎么实现? 回复
    吴先森 0
    2018/2/5 17:37:27
    你好!画布背景色能固定不变吗?在哪里修改? 回复
    Passerby 0
    2018/1/29 15:29:42

    前台不安全,控制台获取你生成的code填进去,再模拟点击事件就行了,就不用输入就通过了,最好还是后台生成

        ace01090
        2018/1/29 17:17:25

        是的,我之前有统一回复了。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复