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

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

BiKABi

10555人浏览 · 2020-10-26 16:24:44

BiKABi · 2020-10-26 16:24:44 发布

验证只能输入数字

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

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


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

直接写在<el-input>的这个标签里面即可

也可用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 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^