分类：验证码输入框

2021
08-11

手动实现js短信验证码输入框

前言本文记录一下自己手动实现的一个前端常见的短信验证码输入组件，从需求到实现逐步优化的过程。正文1.需求分析首先看一下效果图。 首先页面加载的时候，输入框获取焦点，当用户输入一个数字后，焦点自动跳转到第二个框，当四个框全部输入后，模拟发送提交请求，这里用一个弹框提示，输出输入的验证码内容。主流程之外的需求:输入框内只能输入数字类型，不能输入字母，若强制输入非数字类型按下撤回键时候... 继续阅读 >

2020
09-27

Flutter 完美的验证码输入框实现

老孟导读：刚开始看到这个功能的时候一定觉得soeasy，开始的时候我也是这么觉得的，这还不简单，然而真正写的时候才发现并没有想象的那么简单。先上图，不上图你们都不想看，我难啊，到Github：https://github.com/781238222/flutter-do上给个小星星可还行，如果能fork一下，那更是感激不尽。言归正传，完成验证码输入框经历了4个阶段，虽然前3个尝试是失败的，但也想和大家分享下，避免大家再走弯路。第一阶段：开始的时候，我... 继续阅读 >