input移动端type=''number''不生效

在做项目中偶然发现在苹果手机 input=“number”不兼容，产品硬要求要调起数字键盘，只能输入数字，下面是我的解决方法

<input  type="number"  value="" pattern="[0-9]*" onBlur="checkOnValChangedLR(this);"  onkeyup="this.value=this.value.replace(/[, ]/g,'')" oninput="if(value.length>11)value=value.slice(0,11)" >

其实在代码中最重要的代码是兼容ios的是pattern="[0-9]*"，有的博客写 pattern="\d*" 也是可以的

 

---

下面是我在开发中检验银行卡校验的例子

<input id="inputBank" type="text"  placeholder="银行卡号仅支持输入数字" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" />

<script>
    //判断是否是数字
    function isNumber(num){
	    var reg = new RegExp("^[0-9]*$");
	    if(!reg.test(num)){
        return false;
    }
	retu