更新时间: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。
如果手机端样式排除出现异常 , 请确认一下样式是否被应用。
1 | 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:支持手机端,支持粘贴操作 , 只支持数字输入。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com