(此图片来源于网络,如有侵权,请联系删除! )
前几天有开发过一个html5仿支付宝、微信支付数字键盘,在某些特定场景下自定义数字键盘应用还是蛮广泛的,比如 小程序商城系统 需要零钱支付 ,会员卡支付,心想着微信小程序没有内部数字键盘组件,这样输入密码就需要自己做一个自定义软键盘了。于是就在之前插件的基础上试着开发出了这个小程序wcKeyboard数字键盘插件。
(此图片来源于网络,如有侵权,请联系删除! )
(此图片来源于网络,如有侵权,请联系删除! )
可以自定义输入最大值限制,当输入超过最大值时候,会有警告提示:
(此图片来源于网络,如有侵权,请联系删除! )
还可以自定义键盘背景色 style: ' background: xxx; ',最好设置background颜色较浅为佳:
(此图片来源于网络,如有侵权,请联系删除! )
(此图片来源于网络,如有侵权,请联系删除! )
小程序数字键盘插件内置手机号码验证,当type:'tel'时,输入手机号码为11位会自动检测是否合法:
(此图片来源于网络,如有侵权,请联系删除! )
当配置type:'pwd', 则为密码键盘,可设置密码位数 len: 6
(此图片来源于网络,如有侵权,请联系删除! )
可以随意切换微信键盘、支付宝键盘 skin: wechat/alipay 两种皮肤风格:
(此图片来源于网络,如有侵权,请联系删除! )