直接给<el-input >添加属性:

验证只能输入数字:

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

验证只能输入数字和小数点:

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

验证只能输入数字和小数点(叠加其他验证):

oninput="value=value.replace(/[^\d.]/g, "")//只能输入数字和小数点
                    .replace(/^\./g, "")//保证第一个为数字而不是小数点
                    .replace(/\.{2,}/g, ".")//保证只有出现一个小数点而没有多个小数点
                    .replace(".","$#$").replace(/\./g, "").replace("$#$", ".")
                    //保证小数点只出现一次,而不能出现两次以上
                    .replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')//保证只能输入两个小数"

参考:vue element ui input 正则验证,限制只能输入数字和小数输入_BiKABi的博客-CSDN博客_vue正则只能输入数字
vue 验证输入框只能输入整数以及只能输入整数和小数_郝艳峰Vip的博客-CSDN博客_vue只能输入整数
 

Logo

前往低代码交流专区

更多推荐