当前位置： 移动技术网 > IT编程>开发语言>正则 > 移动端调出纯数字键盘

移动端调出纯数字键盘

2020年07月23日  | 移动技术网IT编程  | 我要评论

为了适配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能调出数字键盘没有小数点，能输入-+/

（所以我为什么要两个都写上呢，感觉好多余，真是为了好用啥都写上了）

本文地址：https://blog.csdn.net/asdsfytjnxb/article/details/107513227

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网