h5短信验证码自动填充时总是被复制两遍

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5短信验证码自动填充时总是被复制两遍相关的知识,希望对你有一定的参考价值。

参考技术A 现象:ios、部分安卓系统短信自动填充会复制2次

原因:是系统bug,复制验证码会触发UITextFieldTextDidChangeNotification监听事件,导致验证码出现了两次。

解决办法:直接限制input最大输入maxlength=6
下面是vant的输入框写法

如果input框的type=“text” 或者 type=“password”,则可以给input框加上maxLength属性,让最大长度等于验证码的位数。
如果input框的type=“number”,则可以用如下方法解决:

以上是关于h5短信验证码自动填充时总是被复制两遍的主要内容,如果未能解决你的问题,请参考以下文章

自动填充短信验证码(使用ContentObserver)

验证码自动填充怎么设置

解决ios短信验证码自动填充两次bug

android发送短信验证码并自动获取验证码填充文本框

Android自动填充短信验证码

手机验证码自动填充怎么设置