本文介绍了两种在微信小程序中实现验证码输入框的方法。第一种是每个输入框独立，通过逻辑控制焦点在输入后自动跳转到下一个空输入框，删除后跳转到上一个有值的输入框。第二种方法是隐藏实际的input组件，使用text组件作为输入框，同时解决了input组件快速输入时可能出现的异常问题。具体解决方案和优化细节可在微信开放社区查看。
第一种 ：
每个输入框都可以单独输入
如图所示的验证码输入框。
现在需要实现逻辑，任何位置输入后自动跳到下一个最近的空的输入框，任何位置删除后自动跳到上一个最近的有值的输入框 ，代码逻辑如下。
这个逻辑太粗糙了，后来改了。方式没变，focus里的判断精简了，只需要判断一到Boolean两个就行，实现方式没毛病
第二种
隐藏input，用text当作输入框。
顺便解决了input快速输入时的异常的问题：（value="{ {codeClear}}"仅在
最低0.47元/天 解锁文章
扫一扫
03-06
735
735
12-12
1447
1447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
