Element input组件限制输入正数且最多为小数点后两位

原创已于 2022-02-28 16:46:53 修改 · 424 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

于 2022-02-28 16:43:51 首次发布

Element踩雷专栏收录该内容

4 篇文章

订阅专栏

这篇博客探讨了一个前端输入框的验证实现，它限制用户只能输入数字、小数点和空格。当输入不符合规则时，输入框会自动清空。这个功能对于确保数据的正确性和格式的一致性至关重要。

<el-input
   v-model="formData.price_change[1]"
   placeholder="金额"
   oninput="
     if (isNaN(value)) { value = null }
     if (value.charAt(0) === '0' && value.charAt(1) !== '' && value.charAt(1) !== '.') {             
     value = '0' }
     if (value.indexOf('.') > 0) { value = value.slice(0, value.indexOf('.') + 3)}"
>
</el-input>

缺点:输入框若输入除数字、.、空格之外的,输入框会清空