200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > Vue 输入框 el-input 添加校验 oninput

Vue 输入框 el-input 添加校验 oninput

时间:2023-08-21 07:01:01

相关推荐

Vue 输入框 el-input 添加校验 oninput

问题描述:

在Vue项目中使用el-input输入时只允许输入特定格式的值

解决方案:

提示:也可以用onkeyup等其他办法,但个人觉得oninput最好用

onkeyup在最后输入英文时虽然页面看不到但是会有一个英文字符残留,有可能导致后端接收时报错,代码如下:

<el-form-item label="两位小数:"><el-input v-model="value"oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"style="width: 80px"></el-input></el-form-item>

我用到了以下几种格式

1、两位小数:οninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"

四位小数只需要把上面的2改成4就好了

2.正整数:οninput="value=value.replace(/[^\d]/g,'')"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。