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

相关推荐
兆子龙5 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙6 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
KKKK6 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰6 小时前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端
Din7 小时前
主动取消的防抖
前端·javascript·typescript
H5开发新纪元7 小时前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干7 小时前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
进击的尘埃7 小时前
Vitest 浏览器模式:别再用 jsdom 骗自己了
javascript
bluceli7 小时前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript