validateField校验指定字段

时间:2025-03-12 08:55:32
项目需求:在vue的开发中,需要验证表单参数的功能必不可少,但大多数是在表单提交的时候统一校验的,但是在项目中用到了组件,所以每一步的参数都要分步骤校验,因此有了下面这个校验方式。
一、参数校验规则
 // 表单校验
      rules: {
        marketId: [
          { required: true, message: "交易市场不能为空", trigger: "blur" }
        ],
        orderDate: [
          { required: true, message: "交易日期不能为空", trigger: "blur" }
        ],
        buyersName: [
          { required: true, message: "买方姓名不能为空", trigger: "blur" }
        ],
        sellerName: [
          { required: true, message: "卖方姓名不能为空", trigger: "blur" }
        ],
      },
二、参数校验
//每一步需要校验的参数数组
 let stepValidate =['orderDate','buyersName'];
 //参数是否通过校验
 let stepFlag = true
//校验方法
((item,key) => {
//循环数组  校验每个参数
          this.$(item, valid => {
          //校验不通过
            if(){
              return stepFlag = false
            }
          })
        })
        //校验通过  跳转至下一步
        if(stepFlag){
          if (++ > 6)  = 1;
        }