js图形验证码插件

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

 89022  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社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 42527  494

jQuery HTML导出Excel插件table2excel

jquerytable2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。
  独立的部件
 123353  508

jQuery表格导出数据

将表格的数据导出到excel,csv,pdf或是直接打印
  独立的部件
 51027  566

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 40275  352

讨论这个项目(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

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

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