一個基於原生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瀏覽器上會降級顯示。