码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-27 23:48:49      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:靠谱   att   mod   turn   inpu   简单的   输入   type   去掉   

今天看了下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]/"。

 

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

标签:靠谱   att   mod   turn   inpu   简单的   输入   type   去掉   

原文地址:http://www.cnblogs.com/chencilandiao/p/7745615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!