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

相关推荐
zzzzzz3102 小时前
react-bits:酷炫动效之外,React 组件库还能提供什么
javascript·react.js·动效
web打印社区9 小时前
网页静默打印热敏小票:从 HTML 到出纸的完整指南
前端·javascript·vue.js·electron·pdf·html
专业抄代码选手16 小时前
08|Fiber 上的 `useState`:状态终于属于具体组件
前端·javascript·react.js
默_笙16 小时前
😭 Vibe Coding 翻车实录:AI 编程为什么必须先写"剧本"
前端·javascript
parade岁月16 小时前
为了给表格加虚拟滚动而选了 vxe-table?也可以考虑下这个
前端·vue.js
lerhxx17 小时前
我用 R3F 手搓了一个能走进去的 3D 迷宫简历(上):从选型架构到迷宫生成算法
前端·javascript·three.js
鹏多多1 天前
PC 网站接入微信登录,这 10 个坑我替你踩完了!
前端·javascript·vue.js
用户298698530141 天前
React 中 HTML 内容转 Word 文档的实现方案
javascript·react.js·html
mONESY1 天前
我用 Next.js 16 + Supabase 从零做了个「背单词」H5 应用
javascript