uniapp实现自定义验证码输入框隐藏光标功能

bank_27177 5 0 txt 2023-03-21 21:03:11

通过uniapp实现自定义验证码输入框,隐藏光标功能。用户输入错误或格式不正确时将边框改为红色并提示错误信息,持续1秒后清空数据。实现思路为使用for循环创建5个正方形的view标签,并创建一个type为tel且最大输入长度为5的input标签,将input伪隐藏,并将获取的值分别放到5个view中展示。验证码输入完毕后,点击页面其他位置即可隐藏键盘,再次点击输入框可正常删除数字。

用户评论
请输入评论内容
评分:
暂无评论