ElementUI同一个表单部分验证和全部验证

在这里插入图片描述
功能点:
1、点击“获取验证码”对上面3个input进行验证
2、点击确定对整个表单进行验证

 // 获取验证码
    getCode() {
      this.disableGetCode = true;
      const p1 = new Promise(resolve => {
        this.$refs["form"].validateField("orgid", err => {
          resolve(err);
        });
        resolve();
      });
      const p2 = new Promise(resolve => {
        this.$refs["form"].validateField("name", err => {
          resolve(err);
        });
        resolve();
      });
      const p3 = new Promise(resolve => {
        this.$refs["form"].validateField("tel", err => {
          resolve(err);
        });
        resolve();
      });
      // 全部验证通过才发送请求
      Promise.all([p1, p2, p3])
        .then(result => {
          if (!result.join("")) {
            this.codeMessage = 60;
            let s = setInterval(() => {
              this.codeMessage--;
            }, 1000);
            let s1 = setTimeout(() => {
              clearInterval(s);
              this.disableGetCode = false;
              this.codeMessage = "获取验证码";
            }, 1000 * 60);
           // 发送验证码请求
          } else {
            this.disableGetCode = false;
          }
        })
        .catch(() => {
          this.disableGetCode = false;
        });
        }

// 确定
confirm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
         // 验证通过
        }
      });
    },
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值