vue elementui el-input 正则验证,限制只能输入数字和小数

vue elementui el-input 正则验证

限制只能输入数字和小数,以下两种方法都可以:
1、οninput="value = value.replace(/[^0-9.]/g,'')"
2、οninput="value = value.replace(/[^\d.]/g, '')"

限制只能输入数字:
1、oninput ="value=value.replace(/[^\d]/g,'')"

具体使用:

html 复制代码
 <el-input 
    size="mini" 
    v-model="percentage" 
    oninput="value = value.replace(/[^\d.]/g, '')"
    placeholder="请输入" 
    class="benchmarkInputWidth">
 </el-input>
相关推荐
莹雨潇潇6 分钟前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器
Jiaberrr15 分钟前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui
Tiffany_Ho1 小时前
【TypeScript】知识点梳理(三)
前端·typescript
安冬的码畜日常2 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
小白学习日记3 小时前
【复习】HTML常用标签<table>
前端·html
程序员大金3 小时前
基于SpringBoot+Vue+MySQL的装修公司管理系统
vue.js·spring boot·mysql
丁总学Java3 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
yanlele3 小时前
前瞻 - 盘点 ES2025 已经定稿的语法规范
前端·javascript·代码规范
懒羊羊大王呀3 小时前
CSS——属性值计算
前端·css