项目中 除表单验证外 进行未输入验证 提示 (提交,取消)

 // 配置->提交
   //  提示不能为空
    onSubmit() {
      if (this.formData.account == "") {
        this.$message.warning("请填入账号");
        return;
      }
      if (this.formData.password == "") {
        this.$message.warning("请填入密码");
        return;
      }
      if (this.formData.url == "") {
        this.$message.warning("请填入url地址");
        return;
      }
      // 调用接口,提交
      payPost(this.formData).then((res) => {
        // console.log(res)
        if (res.data.code == 666) {
          this.$message.success(res.data.msg);
        } else {
          this.$message.error(res.data.msg);
        }
      });
    },
    // 点击取消->重置
    cancle() {
      this.formData = {
        account: "",
        password: "",
        url: "",
      };
    },

当然如果为了美观/公司要求等等,可以用element-ui的表单验证

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值