IOS端验证码不能自动填充,以及验证码填充2次的解决方法

1、IOS端验证码不能自动填充

在部分浏览器以及微信内打开有验证码的页面,收到验证码之后输入法顶部没有出现验证码,但是验证码之前的输入框反而可以出现。解决方法:在验证码输入框后面增加一个隐藏的输入框 。

<input class="for-code" type="number" />
.for-code{
  width:0;
  height:0;
  padding:0;
  margin:0;
  border:0;
  display: block;
}

2、点击输入法上面的验证码,验证码在输入框内被填充2次的bug

① 输入框的type=“text” 或“password”,可以给输入框加上maxLength属性,maxLength为验证码的位数。
② 输入框的type=“number”时

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

要是对你有用那就点个赞吧,当然土豪还可以打个赏,手动狗头。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容