关于element正则表达式A输入框控制B输入框正则校验实时不通过问题

本文探讨了一个ElementUI中正则表达式校验的问题,即工程款和主材款输入值之和必须大于0。当两者均为0时,校验错误。解决方案是在工程款输入框失焦时,若其值大于0,则主动触发主材款输入框的聚焦和失焦事件,以更新校验状态。通过这种方法,实现了输入值变化时校验的实时更新。
摘要由CSDN通过智能技术生成

问题描述:
1.工程款的值+主材款的值必须大于0,可以输入10+0, 9+0,这种的,当我2个同时都输入0时,如下报校验在这里插入图片描述
2.当我更改工程款的值为10的话,主材款值为0,满足10+0,及之和大于0,正常情况下主材款的校验应该消失,如下图的
在这里插入图片描述
当和同事在研究发现,主材款在获取焦点再失去焦点的话,这个主材款的正则校验会消失,拿着就简单了。骚操作来了,我们给工程款上面绑定一个失焦事件@blur=“inpVal”,在给主材款上面绑定ref=“material”,在methods方法里面写逻辑,完美解决。如下代码:
<el-input v-model=“formData.aaaaa” @blur=“inpVal”> (工程款)
<el-input v-model=“formData.bbbbbb” ref=“material”> (主材款)
methods:{
inpVal() {
// 判断
if(this.formData.aaaaa > 0)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值