ios上自带的输入法输入验证码会输入两遍解决办法

使用苹果手机的小伙伴们都晓得当我们使用苹果自带的输入法好,在获取验证码的时候,验证码会自动显示在键盘的上方,这无疑给我们的操作带来了方便,但是,如果前端不做限制的情况下直接点击便会出现验证码在输入框会重复出现的情况,如果我们没注意并没有删除则会提示我们验证码错误,导致用户体验很不好,本人就亲身经历过~在这里插入图片描述

啊啊啊啊,心里想我明明直接点的验证码怎么还是两次 ,后来想到自己工作中也碰到这个问题过,就来总结下:

解决办法:(假如验证码为6位数字)

设置input框的的字符最大长度为6,maxlength = 6
当input的type类型为number时,maxlength = 6,不起作用,这个时候需要在input里添加属性:
oninput="if(value.length>6) value = value.slice(0,6)"

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐