elementUI el-form rules多种验证

• name: [{ required: true, message: '必填', trigger: 'change' }]

• tel: [{ pattern: /^1\d{10}$/, message: '请填写正确的手机号码', trigger: 'change' }]

• area: [{ required: true, validator: this.validateArea, trigger: 'change' }]

    validateArea(rule, value, callback) {
      if(!this.form.provinceCode||!this.form.cityCode||!this.form.districtCode||!this.form.townCode) {
        return callback(new Error('请选择完整行政区域'));
      } else {
        callback()
      }
    },

• 验证对象中的属性，<el-form-item prop="obj.prop">      rules: { 'obj.prop': [] }

触发方式

• trigger: 'change'，trigger: 'blur'

• 主动触发： this.$refs.form.validateField('area');

 

取消校验

全部取消：this.$refs.form.clearValidate()

取消指定字段：this.$refs.form.clearValidate(['name'])