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

相关推荐
PineappleCoder8 分钟前
JS 作用域链拆解:变量查找的 “俄罗斯套娃” 规则
前端·javascript·面试
知识分享小能手14 分钟前
Vue3 学习教程,从入门到精通,Vue3 中使用 Axios 进行 Ajax 请求的语法知识点与案例代码(23)
前端·javascript·vue.js·学习·ajax·vue·vue3
533_20 分钟前
[echarts] 更新数据
前端·javascript·echarts
讨厌吃蛋黄酥27 分钟前
利用Mock实现前后端联调的解决方案
前端·javascript·后端
zzywxc7871 小时前
在处理大数据列表渲染时,React 虚拟列表是提升性能的关键技术,但在实际实现中常遇到渲染抖动和滚动定位偏移等问题。
前端·javascript·人工智能·深度学习·react.js·重构·ecmascript
慧都小项1 小时前
UI测试平台TestComplete如何实现从Git到Jenkins的持续测试
git·ui·jenkins·代码质量·testcomplete·zephyr for jira
前端小巷子2 小时前
Vue 2 Diff 算法
前端·vue.js·面试
_Kayo_8 小时前
VUE2 学习笔记14 nextTick、过渡与动画
javascript·笔记·学习
咔咔一顿操作9 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3