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 小时前
Vue3 Props 属性
前端·javascript·vue.js
jarvisuni9 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
破z晓11 小时前
javascript 导出excel表
开发语言·javascript·excel
测试开发技术12 小时前
AI 测试提效 | 告别手工写脚本,分享我的 Playwright + Skill 批量生成 UI 自动化脚本方案
自动化测试·人工智能·ui·自动化·agent·skill·ai测试
小罗水12 小时前
第17章 后台管理端与演示支持
javascript·vue.js·ecmascript
万少14 小时前
DeepSeek-V4-Flash 正式版上线了,但这 3 个坑我帮你提前踩了
前端·javascript·后端
宁风NF14 小时前
JavaScript:网络请求与前端通信
开发语言·前端·javascript·网络·学习·ecmascript
吾儿良辰14 小时前
Flutter 迎来重大变革:Material 设计系统拆分,迈向更开放的 UI 框架
javascript·flutter·ui
猫猫不是喵喵.14 小时前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
En^_^Joy15 小时前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis