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

2019-12-11  本文已影响0人  yaowangcje

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)" />

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

上一篇 下一篇

猜你喜欢

热点阅读