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浏览器上会降级显示。