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

相关推荐
LJ小番茄7 分钟前
Vue 常见的几种通信方式(总结)
前端·javascript·vue.js·html
customer0825 分钟前
【开源免费】基于SpringBoot+Vue.JS在线文档管理系统(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
pan_junbiao3 小时前
Vue组件:模板引用ref属性的使用
前端·javascript·vue.js
LvManBa3 小时前
Vue学习记录之四(computed的用法)
前端·vue.js·学习
__lucas3 小时前
javascript-装饰器
开发语言·javascript·ecmascript
春蕾夏荷_7282977254 小时前
electron nsis打包windows应用程序
javascript·windows·electron·nsis
想退休的搬砖人4 小时前
vue组件的生命周期
前端·javascript·vue.js
csdn_aspnet4 小时前
vue node node-sass sass-loader 版本 对应 与 兼容
前端·vue.js·sass
zhangjin12225 小时前
kettle从入门到精通 第八十五课 ETL之kettle kettle中javascript步骤调用外部javascript/js文件
javascript·数据仓库·etl·kettle调用外部js
CaptainDrake5 小时前
Vue:指令
前端·javascript·vue.js