vue 表单验证

<Form ref="formInline" :model="data" :rules="rules">
    <FormItem :prop="oldPwd">
        <Input v-model="data.user"> </Input>
    </FormItem>
</Form>

第一种：

rules: any = {
  oldPwd: [
    {
      required: true,
      min: 6,
      message: "请输入很多于6位长度密码",
      trigger: "blur"
    }
  ]
};

第二种：

rules: any = {
  oldPwd: [
    {
      required: true,//是否必填（显示必填标记）
      validator: this.oldPwdRules,//验证规则函数
      trigger: "blur",
    }
  ]
};

oldPwdRules(rule : any, value : any, callback : any){
  if (!value){
    return callback(new Error('原密码不能为空'));  //和 callback('****') 效果同样
  }else if (!/^1[34578]\d{9}$/.test(value)){
    callback('密码不对');
  }else {
    callback();
  }
}

注:  callback();表示验证经过，有内容或者 new Error（）表示验证不经过