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

相关推荐
ze^025 分钟前
Day05 APP应用&微信小程序&原生态开发&H5+Vue技术&封装打包&反编译抓包点
vue.js·微信小程序·小程序
边界条件╝30 分钟前
前端构建引擎:从模块解析到产物生成
前端·javascript·vue.js·react.js
Setsuna_F_Seiei40 分钟前
AI 提效之 Skills - Agent 的扩展技能教程
前端·javascript·ai编程
Non-existent9873 小时前
海拔批量查询 + 批量 KML 生成工具-WPS 插件 TableGIS 新功能
javascript·c++·excel·wps
大神15733 小时前
重磅免费开放!基于B/S模式的Peach-Editor电子病历编辑器正式上线
javascript·编辑器·web
tedcloud1239 小时前
RTK部署教程:构建稳定的AI Workflow环境
服务器·javascript·人工智能·typescript·ocr
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_16:(深入掌握背景与边框的艺术)
前端·css·ui·html·tensorflow
愚者Pro12 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
zithern_juejin15 小时前
new 运算符
javascript
前端毕业班15 小时前
uniapp web 灵活控制 style scoped
前端·javascript·vue.js