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就可以了

相关推荐
梦65012 分钟前
Vue 实现动态路由
前端·javascript·vue.js
丶乘风破浪丶20 分钟前
Vue项目中判断相同请求的实现方案:从原理到实战
前端·javascript·vue.js
0思必得023 分钟前
[Web自动化] JS基础语法与数据类型
前端·javascript·自动化·html·web自动化
xiaohe060124 分钟前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts
Hy行者勇哥25 分钟前
JavaScript性能优化实战:从入门到精通
开发语言·javascript·性能优化
Irene199134 分钟前
JavaScript 常见算法复杂度总结(大O表示法)
javascript·算法
光影少年41 分钟前
Vue 2 / Vue 3 diff算法
前端·javascript·vue.js
开心-开心急了1 小时前
ai + fluent_ui 实现自定义winUI风格窗口
flutter·ui
未来之窗软件服务1 小时前
JAVASCRIPT 离线解析IP地址 幽冥大陆(七十) —东方仙盟练气期
开发语言·javascript·tcp/ip·仙盟创梦ide·东方仙盟
指尖跳动的光1 小时前
如何减少项目里面if-else
前端·javascript