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

liu__software

于 2022-09-08 10:52:20 发布

阅读量2.5k

点赞数

分类专栏：浏览器兼容问题文章标签：前端

原文链接：https://blog.csdn.net/weixin_45811256/article/details/117402359

版权

浏览器兼容问题专栏收录该内容

35 篇文章

订阅专栏

当在某些App或微信网页内复制短信验证码时，会误触发UITextFieldTextDidChangeNotification事件，导致验证码显示异常。这被认定为iOS系统的内部bug。为解决此问题，可以针对type为'text'或'password'的input框设置maxLength属性限制输入长度；若type为'number'，则可以通过oninput事件限制输入长度不超过验证码位数。示例代码已给出，包括使用 maxLength 属性的Vue组件示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ios系统内部的bug

某些app或者微信网页里，复制手机收到的短信验证码，会触发UITextFieldTextDidChangeNotification监听事件，导致验证码出现了两次，这个应该是ios系统内部的bug.

解决方案

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

 <input type="number" oninput="if(value.length>6) value = value.slice(0,6)">

type=‘text’ 或者 type='password’时候

     <Field
        v-model="checkcode"
        center
        placeholder="请输入验证码"
        @keyup.native="checkcodeInput"
        maxlength="6"
      >
    </Field>

转载于：https://blog.csdn.net/weixin_45811256/article/details/117402359