oninput onkeyup 对于ios验证input不好的问题

本文介绍了一种解决iOS设备上输入验证失败的方法,通过使用setTimeout实现异步判断,确保输入内容正确验证。

一般安卓手机很少出现问题,因为安卓的oninput,onkeyup是在输入后判断的,但是有时苹果手机例如 iPhone 6splus 的输入法,oninput、 onkeyup 等是判断是否有先于赋值到输入框,导致输入的验证失败。so 可考虑oninput、onkeyup的时候,利用setTimeout异步的方法(输入后延迟判断)

function ansycInput(o){
   return setTimeout(function(){this.value=this.value.replace(/[^\d]/,"").substr(0,11)}.bind(o),0);
}

<input type='text' placeholder='请输入新的手机号码' id='newTel'  oninput='ansycInput(this)'>

 另外,函数提出来放到input外,能防止直接在oninput中写字符串引号容易出错的问题。

转载于:https://www.cnblogs.com/FineDay/articles/6495584.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值