前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一个基于原生JavaScript开发的、轻量的验证码生成插件

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

作者头像
用户6167509
发布2019-09-04 10:30:53
5850
发布2019-09-04 10:30:53
举报
文章被收录于专栏:一路向前端一路向前端

Vcode.js

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

V: 1.0.0

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

安装

代码语言:javascript
复制
<script src="Vcode.min.js"></script>

OR

代码语言:javascript
复制
// ES6 Modules or TypeScript
import vcode from 'Vcode'

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

Support AMD/CMD/ES6 module standard.

使用示例

代码语言:javascript
复制
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浏览器上会降级显示。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-05-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Vcode.js
  • 安装
  • 使用示例
    • 参数
      • new Vcode对象的属性和方法
      相关产品与服务
      验证码
      腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档