js六位数字框自动跳格

 查看演示  website  立即下载

更新时间：2020-02-04 00:51:46

更新说明：针对于 IOS 用户 ， 支持了自动填充验证码功能，由于各方浏览器兼容性以及潜在的安全性问题，此功能需要满足以下条件。

1.填充验证码位数必须等于组件内置的验证码数组位数。

2.目前在真机 iPhone X中，针对于Safari,Chrome，测试正常，其他浏览器未经测试。

Ps：欢迎反馈BUG。

更新时间：2020-01-15 23:37:08

更新说明：修复了部分样式 ，增强了部分功能，提高了易用度。
新增对象  verifyCodeDOMUtil  ， 可以直接调用buildCodeModule方法生成HTML结构。
在回调函数中新增一个实体参数 ， that ， 它是引用到verifyCode对象中 that。
如果手机端样式排除出现异常 ， 请确认一下样式是否被应用。

box-sizing: border-box;padding: 0;margin: 0;

使用方法

1：调用  verifyCode.init(HTML结构的ID) 对组件进行初始化。

2：将你的回调函数赋值给 verifyCode.onFinish。

注意：

你的回调函数中的this指向于verifyCode

请将你的回调函数加入Value 形参 ， 这个参数是组件返回给你的输入完成值。

如果你想在你的回调函数完成之后再次使用数字组件框， 请调用 ：this.reset()

示例页面最下方中的 SCRIPT标签 中的有代码可供你参考。

默认样式只有 6 个输入框 ， JS不受个数的影响 ， 如果你有特殊要求，可以自行修改样式于结构 ， 在修改前，请确保按照实例页面中的结构与样式的规范来。

3：支持手机端，支持粘贴操作 ， 只支持数字输入。

PREVIOUS:
NEXT:
H5音乐播放插件(原创)
jQuery编写的Banner首页轮播图插件