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

1.验证只能输入数字

javascript 复制代码
value.replace(/[^\d]/g,'')

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

javascript 复制代码
value.replace(/[^\d.]/g, "").replace(/\.{2,}/g, ".").replace(".", "$#$").replace(/\./g, "").replace("$#$", ".").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3").replace(/^\./g, "");

3.element ui 自带的只能输入数字,且只有2位小数

javascript 复制代码
<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就可以了

相关推荐
芳草萋萋鹦鹉洲哦1 小时前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
开发者小天1 小时前
React中的 闭包陷阱
前端·javascript·react.js
涔溪2 小时前
Vue3 的核心语法
前端·vue.js·typescript
国服第二切图仔2 小时前
Electron for 鸿蒙pc项目实战之tab标签页组件
javascript·electron·harmonyos·鸿蒙pc
Neptune12 小时前
深入浅出:理解js的‘万物皆对象’与原型链
前端·javascript
阿迷不想上班2 小时前
windows自动任务定期执行
javascript
Zohnny3 小时前
3.组合式函数
vue.js
盗德3 小时前
最全音频处理WaveSurfer.js配置文档
前端·javascript
Heo3 小时前
关于Gulp,你学这些就够了
前端·javascript·面试