huangtaoya
侠客
侠客
  • 最后登录2020-03-26
  • 发帖数10
阅读:6021回复:0

[vue]VUE中input限制只能输入数字

楼主#
更多 发布于:2019-05-30 10:23
第一种
1.使用@input方法和type=tel

图片:1.png


2.利用正则处理

图片:2.png




第二种
1..使用keyup方法

图片:3.png


2.利用正则

图片:4.png


1.可以输入汉字,空格自动回退
onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');"
2.不可点击空格,汉字都不能打
onkeyup="this.value=this.value.replace(/[^\w]/g,'');"
---------------------
作者:岳小哥
来源:CSDN
原文:https://blog.csdn.net/yanby921005/article/details/81240744
[huangtaoya于2019-05-30 14:30编辑了帖子]
游客


返回顶部

公众号

公众号