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

使用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.dtcms.com/a/222868.html

相关文章:

  • PCB设计实践(三十)地平面完整性
  • Flume 自定义拦截器开发实战:添加时间戳与 JSON 处理
  • Vue 3.0 中的路由导航守卫详解
  • 头歌之动手学人工智能-Pytorch 之线性回归
  • python打卡训练营打卡记录day40
  • 电网即插即用介绍
  • mysql数据库基础命令总结常用10个
  • 2025年全国青少年信息素养大赛 scratch图形化编程挑战赛 小高组初赛 内部模拟试卷解析
  • 【技术支持】安卓11开机启动设置
  • 深入了解MCP基础与架构
  • 从图像处理到深度学习:直播美颜SDK的人脸美型算法详解
  • 用于工业设备的高精度仪表放大器“NL9620”开始上市~日本首家!高EMC性能的仪表放大器
  • 贪心算法实战3
  • torch.zeros()用法简介
  • DAY 40 训练和测试的规范写法
  • EMQX社区版5.8.5集群搭建踩坑记
  • 30V/150A MOSFET 150N03在无人机驱动动力系统中的性能边界与热设计挑战
  • 【JavaWeb】Maven、Servlet、cookie/session
  • 人工智能在智能金融中的创新应用与未来趋势
  • c++ 模板
  • 如何使用Python从MySQL数据库导出表结构到Word文档
  • OleDbParameter.Value 与 DataTable.Rows.Item.Value 的性能对比
  • Vue中 toRaw 和 markRaw 的使用
  • Java面试:企业协同SaaS中的技术挑战与解决方案
  • 龙舟竞渡与芯片制造的共通逻辑:华芯邦的文化破局之道
  • RAG混合检索:倒数秩融合RRF算法
  • 在日常管理服务器中如何防止SQL注入与XSS攻击?
  • 从公开到私密:重新思考 Web3 的数据安全
  • 2025最新Nginx安装配置保姆级教程(Windows)
  • Dify运行本地和在线模型