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

一般安卓手机很少出现问题,因为安卓的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中写字符串引号容易出错的问题。

posted @ 2017-03-03 11:27  a fine day  阅读(664)  评论(0编辑  收藏  举报