?场景:IOS在获取短信验证码后,会自动唤起键盘,并自动在键盘填充收到的验证码,以便用户使用。
❤问题:但在做移动端项目时,发现收到短信验证码以后,点击自动填充复制时,每次都会复制两遍验证码到input输入框。
?解决方法:
- 如果input框的type=“text” 或者 type=“password”,则可以给input框加上maxLength属性,让最大长度等于验证码的位数。
- 如果input框的type=“number”,则可以用如下方法解决:
<!-- 其中 4 为验证码的位数 -->
<input type="number" oninput="if(value.length>4) value = value.slice(0,4)" />