移动端调出纯数字键盘

为了适配ios和安卓,写了个十全大补汤,所有调用纯数字键盘的方式都用上了。安卓上虽然默认数字键盘,但是还是可以手动改成其他键盘,比如符号字母等,所以再安卓上有个非常骚气的操作,虽然type=‘tel’,οnkeyup="this.value=this.value.replace(/[^\d]/g,’’)"都写上了,但是有时候能点上小数点,为了全方位无死角禁止非数字,于是又添加了个方法,@input只要值变了就会触发,所以只要输入就用正则控制它为纯数字

<input type='tel' v-model="inputVal" pattern="[0-9]*" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" @input="choose()" >

choose () {
  this.inputVal= this.inputVal.replace(/[^\d]/g, '')
},

前端小白第一次随意无脑个人记录,不喜勿喷

οnkeyup="this.value=this.value.replace(/\D/g,’’)
将输入值为非数字的字符替换为空.

type = ‘tel’ 调出数字键盘 在ios没有小数点

pattern="[0-9]*" 在安卓无法调出数字键盘 ,在ios能调出数字键盘没有小数点,能输入-+/

(所以我为什么要两个都写上呢,感觉好多余,真是为了好用啥都写上了)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值