vue element ui input 正则验证，限制只能输入数字和小数输入

验证只能输入数字oninput="value=value.replace(/[^\d]/g,'')"1验证只能输入数字和小数，小数且只能输入2位，第一位不能输入小数点oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$

抠脚小弟

8534人浏览 · 2021-04-23 09:20:49

抠脚小弟 · 2021-04-23 09:20:49 发布

验证只能输入数字

oninput="value=value.replace(/[^\d]/g,'')"

1
验证只能输入数字和小数，小数且只能输入2位，第一位不能输入小数点

oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"

直接写在的这个标签里面即可

也可用element ui 自带的只能输入数字，且只有2位小数

<el-input-number
	style="width:100%"
	v-model="formData.stockInfo.lengths"
	auto-complete="off"
	:precision="2"
	:controls="false"
></el-input-number>

:controls="false"去掉按钮
:precision="2"只能输入2位小数
如需要输入整数去掉precision就可

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐