一个基于原生JavaScript开发的、轻量的验证码生成插件

Vcode.js

一个基于原生JavaScript开发的、轻量的验证码生成插件

V: 1.0.0

DEMO:https://jofunliang.github.io/Vcode.js/example.html

安装

<script src="Vcode.min.js"></script>

OR

// ES6 Modules or TypeScript
import vcode from 'Vcode'

// CommonJS
const vcode = require('Vcode')

Support AMD/CMD/ES6 module standard.

使用示例

var vcode1 = new Vcode({
  el:"#demo1 .code",
  count:4,  
  fontSize:"60px",
  type:"number",
  spacing:0
});

参数

attribute

typeof

description

el

string

必需,接受一个包含CSS选择符的字符串,然后用它来匹配一个元素。

data

string

可选,您可以自定义验证码的数据源。

count

number

可选,验证码的长度,默认为4

type

string

可选,验证码的类型,有三种模式,分别是数字模式、字母模式、数字字母随机混合模式。默认是数字字母随机混合模式

fontSize

string

可选,验证码的字体大小。

spacing

string

可选,验证码的字母间距。默认值为0

new Vcode对象的属性和方法

property

typeof

description

el

object

挂载元素。

code

string

验证码。

data

string

验证码的数据源。

count

number

验证码的长度。

onReset

function

重新生成新的验证码。

注:此插件在ie8和ie9浏览器上会降级显示。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序亦非猿

AsyncListDiffer-RecyclerView最好的伙伴

导读,近些年来 Android 一直在优化 RecyclerView 刷新效率,相继出了 DiffUtil,AsyncListDiffer ,我在我的开源库 F...

13510
来自专栏曲奇泡芙

端与云的融合

端、管、云,物联网系统的三个主要构成元素,各自技术在高速发展的同时也在不断的影响着现代物联网系统的设计。

16120
来自专栏前端劝退师

切图仔最后的倔强:包教不包会设计模式 - 结构型

当我们将系统分成多个子系统时,我们会降低代码复杂性。编程时的最佳实践是最小化子系统之间的通信和依赖关系。实现这一目标的一个好方法是引入一个facade对象,为子...

9220
来自专栏前端劝退师

「真®全栈之路 - DNS篇」故事从输入URL开始.....

但想着,这是别人嚼烂很多次的内容,缺乏挑战性,而且,页面操作过程中能优化的地方实在太多了。

18540
来自专栏大数据手稿笔记

浅谈HBase region的单点问题

https://www.cnblogs.com/yhxx511/p/9609765.html

8030
来自专栏前端劝退师

那些你不经意间使用的设计模式(一)- 创建型模式

jQuery中 $('div')和 new$('div')哪个好用?很显然直接 $()最方便 ,这是因为 $()已经是一个工厂方法了。

9240
来自专栏前端劝退师

「数据可视化库王者」D3.js 极速上手到Vue应用

D3近年来一直是 JavaScript最重要的数据可视化库之一,在创建者 MikeBostock的维护下,前景依然无量,至少现在没有能打的:

22510
来自专栏前端劝退师

Vue 3.0前的 TypeScript 最佳入门实践

然鹅最近的一个项目中,是 TypeScript+ Vue,毛计喇,学之...…真香!

33230
来自专栏赵KK日常技术记录

环境部署的路上坑很多

前天因为要帮同事把其他项目的环境部署,本想着常规操作可以解决,一顿操作以后,发现项目报错更多了....

8520
来自专栏程序亦非猿

一步一步深入理解CoordinateLayout

Google推出Design库已经一年了,国内也出过一些文章关于CoordinateLayout,但是都是教你怎么使用,或者简单的自定义一些Behavior,并...

8610

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励