Element UI Input 限制输入正整数和小数
可以使用v-on:input代替onkeyup事件,并通过正则表达式来限制输入的内容为正整数及一个小数点的小数。
以下是修改后的代码:
<el-input v-model="form.outsourceNumRate" v-on:input="form.outsourceNumRate = form.outsourceNumRate.replace(/[^0-9.]/g, '').replace(/(..*)./g, '$1')" placeholder="请输入正整数及一个小数点的小数"></el-input>
在这个代码中,我们使用了两个正则表达式来处理输入的内容:
.replace(/[^0-9.]/g, '')将除了数字和小数点之外的字符全部替换为空字符串,实现限制只能输入数字和小数点的效果。.replace(/(..*)./g, '$1')将超过一个小数点的小数格式进行修正,只保留第一个小数点,实现限制只能有一个小数点的效果。
这样,就可以实现只能输入正整数及一个小数点的小数的效果了。
原文地址: https://www.cveoy.top/t/topic/qDJ8 著作权归作者所有。请勿转载和采集!