input标签怎么才能只输入数字？

Posted 2020-10-12

今天看了下vue的视频，里面有个v-model的表单绑定，当时在想，怎么才能只输入数字？就如注册表单时，只能用手机号注册。呵呵，各位大神可能看了会笑，那么简单的问题，俺是菜鸟，没办法，哈哈。当时直接用了h5的标签属性

<input type="number" name="" id="" value="" />

用谷歌试了一下，的确行。可是问题来了。用ie浏览器，火狐就不买账了，出现了兼容问题，想了很久，百度了一下，找到一个比较靠谱的方法。

<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/" />

通过onkeyup事件是输上后再去掉非数字字符 

<input type="text" onkeyup="value=value.replace(/[^\d]/g,‘‘) " ng-pattern="/[^a-zA-Z]/">

加上正则匹配不能输入非数字字符ng-pattern="/[^a-zA-Z]/"。