el-form使用validateField对多个参数进行验证

本文介绍在较低版本的Element UI中如何实现对表单多个字段的有效验证。通过使用`validateField`方法并结合布尔标志,实现了对特定字段如邮箱、密码等的校验逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目中点击发送短信按钮时,需取消对短信验证输入框的校验,首先想到的是使用clearValidate,无奈项目elemen-ui版本太低,没有这个方法,所以换个思路,可以对表单多个参数进行验证,方法如下:


    //1.在低版本中validateField的第一个参数只能接收String类型,这里以String为例
    //将需要进行表单校验的参数放在一个数组中
    var valiSome = ['email', 'password','inValidateCode']
    //设置布尔值
    var flag = true
   //使用validateField方法来进行多个参数验证
   valiSome.forEach((item,key) => {
                    this.$refs.loginForm.validateField(item, valid => {
                        if(valid.length){
                            return flag = false
                         }
                    })
                })
  if(flag){
           //后续操作
  }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值