当前位置: 首页 > article >正文

使用el-input数字校验,输入汉字之后校验取消不掉

先说说复现方式
本来input是只能输入数字的,然后你不小心输入了汉字,触发校验了,然后这时候,你发现校验取消不掉了

就这样了
在这里插入图片描述
咋办啊,你一看校验没错啊,各种number啥的也写了,发现没问题啊

<el-inputv-number-inputv-model.number="specification.goodsNum"placeholder="对应商品数量"maxlength="5"></el-input>goodsNum: [{required: true,message: "对应商品数量必填,限输入5个字符",trigger: "blur",},
],

然后就绞尽脑汁想,哪出问题了呢,又是想失焦之后去掉校验,又是啥啥的,都不好使
你猜怎么着

用最原始的方法

<el-inputv-model="specification.goodsNum"placeholder="对应商品数量"maxlength="5"></el-input>const validateNumber = (rule, value, callback) => {
if (!/^\d*\.?\d{0,2}$/.test(value)) {callback(new Error("请输入数字,最多2位小数"));} else {callback();}
};goodsNum: [
{ validator: validateNumber, trigger: "blur" },{required: true,message: "对应商品数量必填,限输入5个字符",trigger: "blur",},
],

对,就这样写,嘎嘎好使,再也不报错了

在这里插入图片描述

http://www.lryc.cn/news/2393891.html

相关文章:

  • Docker容器启动失败的常见原因分析
  • Java提取markdown中的表格
  • 立志成为一名优秀测试开发工程师(第七天)——unittest框架的学习
  • 精益数据分析(85/126):营收阶段的核心指标与盈利模型优化——从数据到商业决策的落地
  • 论坛系统(4)
  • 本地Markdown开源知识库选型指南
  • 【.net core】SkiaSharp 如何在Linux上实现
  • 后端项目中静态文案国际化语言包构建选型
  • 前端面经 React常见的生命周期
  • 力扣面试150题--二叉树的层平均值
  • 【Doris入门】Doris初识:分布式分析型数据库的核心价值与架构解析
  • C#面试问题41-60
  • 数据结构与算法学习笔记(Acwing 提高课)----动态规划·区间DP
  • 【合集】Linux——31个普通信号
  • 从0到1搭建AI绘画模型:Stable Diffusion微调全流程避坑指南
  • ASP.NET Core 中JWT的基本使用
  • 未来技术展望
  • 从一到无穷大 #46:探讨时序数据库Deduplicate与Compaction的设计权衡
  • vue3 导出excel
  • 带你手写React中的useReducer函数。(底层实现)
  • day024-网络基础-TCP与UDP、DNS
  • 专场回顾 | 重新定义交互,智能硬件的未来设计
  • 如何把一台电脑作为另外一台电脑的显示器
  • WPS 免登录解锁编辑
  • 【C/C++】线程安全初始化:std::call_once详解
  • 技术分享 | Oracle SQL优化案例一则
  • ​什么是RFID电子标签​
  • 华为手机用的时间长了,提示手机电池性能下降,需要去换电池吗?平时要怎么用能让电池寿命长久一些?
  • BERT***
  • 超级对话2:大跨界且大综合的学问融智学应用场景述评(不同第三方的回应)之二