【常用代码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,'')" />

相关推荐
yuezhilangniao3 小时前
AI智能体全栈开发工程化规范 备忘 ~ fastAPI+Next.js
javascript·人工智能·fastapi
~牧马~4 小时前
【记录63】electron打包vue项目之踩坑
vue.js·electron·electron与node兼容
铅笔侠_小龙虾5 小时前
Flutter Demo
开发语言·javascript·flutter
2501_944525545 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
计算机学姐5 小时前
基于SpringBoot的电影点评交流平台【协同过滤推荐算法+数据可视化统计】
java·vue.js·spring boot·spring·信息可视化·echarts·推荐算法
wangdaoyin20105 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript
天天进步20155 小时前
AI Agent 与流式处理:Motia 在生成式 AI 时代的后端范式
javascript
心柠5 小时前
vue3相关知识总结
前端·javascript·vue.js
a1117766 小时前
图书借阅管理系统(FastAPI + Vue)
前端·vue.js·fastapi
常年游走在bug的边缘7 小时前
掌握JavaScript作用域:从函数作用域到块级作用域的演进与实践
开发语言·前端·javascript