async-validator：记录其在项目中的使用

async-validator

github

他人翻译的使用文档

校验规则rules书写方式

直接写规则

rules: {
  name: [
    { required: true, message: '请输入活动名称', trigger: 'blur' },
    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
  ],
  region: [
    { required: true, message: '请选择活动区域', trigger: 'change' }
  ],
  date1: [
    { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
  ],
  date2: [
    { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
  ],
  type: [
    { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
  ],
  resource: [
    { required: true, message: '请选择活动资源', trigger: 'change' }
  ],
  desc: [
    { required: true, message: '请填写活动形式', trigger: 'blur' }
  ]
}

规则写在函数里

  private rules = {
    pass: [{ validator: this.validatePassword, trigger: 'blur' }]
  };
  private validatePassword = (rule: any, value: string, callback: Function) => {
   if (value.length < 6) {
     callback(new Error('The password can not be less than 6 digits'))
   } else {
     callback()
   }
 };