【常用代码14】el-input输入框内判断正则,只能输入数字,过滤汉字+字母。

问题描述:

el-input输入框,只能输入数字,但是不能显示输入框最右边的上下箭头

html 复制代码
<el-input v-model="input" type="number" placeholder="请输入内容" 
style="width: 200px;margin: 50px 0;"></el-input>

解决方法

提示:这里描述

在输入框中用正则验证

正则表达式: /^\d*$/

直接写在el-input标签中

js 复制代码
oninput="value=value.replace(/[^\d]/g,'')"

全代码

html 复制代码
<el-input v-model="input" placeholder="请输入名称" clearable size="small" oninput="value=value.replace(/[^\d]/g,'')" />

相关推荐
洛小豆几秒前
深入理解 JavaScript 的解构赋值
前端·javascript·typescript
逍遥的编程笔记1 分钟前
canvas使用贝塞尔曲线优化自由画笔并探究其原理
javascript
樊小肆1 分钟前
Vue3 在线 PDF 编辑 1.0 保存、下载
前端·vue.js
WEI_Gaot1 分钟前
2 认识js的面向对象 和 Object 的属性描述符
前端·javascript
Jenlybein5 分钟前
进阶学习 Javascript ? 来看看这篇系统复习笔记 [ 基础知识篇 ]
前端·javascript
樊小肆6 分钟前
Vue3 在线 PDF 编辑 1.0 文字、圆、矩形批注
前端·vue.js
砂糖橘加盐7 分钟前
一文讲清楚前端需要了解的垃圾回收
前端·javascript·面试
LucianaiB9 分钟前
不会还有人在传统网页定位修改,看我用一行JS代码让你的网页变为可编辑
javascript
烛阴16 分钟前
秒懂JavaScript:打造高效、封装完美的立即调用函数表达式(IIFE)全攻略!
前端·javascript
李大21 分钟前
uniapp怎么进行代码混淆
前端·javascript·vue.js