validateField校验指定字段
项目需求:在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 //校验方法 stepValidate.forEach((item,key) => { //循环数组 校验每个参数 this.$refs.form.validateField(item, valid => { //校验不通过 if(valid.length){ return stepFlag = false } }) }) //校验通过 跳转至下一步 if(stepFlag){ if (this.active++ > 6) this.active = 1; }
上一篇:
通过多线程提高代码的执行效率例子
下一篇:
spring事务管理 核心对象的使用