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（）表示驗證不經過