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

相关推荐
摘星编程6 小时前
React Native for OpenHarmony 实战:Platform 平台检测与判断
javascript·react native·react.js
暴富暴富暴富啦啦啦6 小时前
使用 v-html 仅渲染新数据的方法
前端·javascript·vue.js
摘星编程6 小时前
React Native for OpenHarmony 实战:Slider 滑块组件使用指南
javascript·react native·react.js
摘星编程6 小时前
React Native for OpenHarmony 实战:PixelRatio 像素 ratio 处理
javascript·react native·react.js
林_xi6 小时前
二次封装一个vue3签字板signature pad
前端·javascript·vue.js
w***76556 小时前
vue2和vue3的区别
前端·javascript·vue.js
奔跑的web.6 小时前
TypeScript 泛型完全指南:写法、四大应用场景与高级用法
前端·javascript·vue.js·typescript
SevgiliD7 小时前
文本溢出省略并Tooltip组件在表单和表格内的使用
前端·javascript·vue.js
DEMO派7 小时前
Web 视频录制方案解析,轻松实现录屏!
前端·javascript·音视频
wuhen_n7 小时前
TypeScript工作流深度解析:从.ts到.js发生了什么?
前端·javascript·typescript