限制el-input只能输入数字类型，并限制大小

博主：迷途橘
发布时间：2021 年 12 月 10 日
49 次浏览
暂无评论
978字数
分类： vue 小方法

```js
oninput = "value=value.replace(/[^\d]/g, '')" // 只能输入数字(正整数)
oninput = "value=value.replace(/[^\-\d]/g, '')" // 只能输入数字（包含正负数）
oninput = "value=value.replace(/[^\-\d.]/g, '')" // 只能输入数字和小数
oninput = "value=value.replace(/[^\d.]/g, '').replace(/^(\d+)\.(\d\d).*$/, '$1.$2')" // 只能输入数字和小数，只保留一个小数点
oninput = "value=value.replace(/[^\-\d.]/g, '').replace(/^(\-)*(\d+)\.(\d+).*$/, '$1$2.$3')" // 只能输入数字和小数，只保留一个小数点(包含负数)
oninput = "value=value.replace(/[^\-\d.]/g, '').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" // 只能输入数字和小数，只保留一个小数点，只保留2位小数(包含负数)
oninput = "value=value.replace(/[^\-\d.]/g, '').replace(/^(\-)*(\d+)\.(\d${3}).*$/, '$1$2.$3')" // 只能输入数字和小数，只保留一个小数点，只保留3位小数(包含负数)
oninput = "value=value.replace(/[^\-\d.]/g, '').replace(/(\.)(\d*)(\1*)/g,'$1$2').replace(/^(\-)*(\d+)\.(\d{2}).*$/, '$1.$2')" // 【终极】只能输入数字和小数，只保留一个小数点，只保留3位小数(包含负数)
oninput = "value=parseInt(value);value > 100 && (value = 100);value < 0 && (value = 0)"

```

> 例子

```js
<el-input oninput="value=value.replace(/[^\d]/g,'')" />
```

最后修改：2024 年 08 月 27 日