vant表單驗證

**
1. 表單校驗
1.1 用 van-form 包住
1.2 在 van-field 上要有 v-model=“變量” 和 綁定rules屬性 :rules=“rules變量”

rules變量:[
    {
    // 是否必填
    required:true,
    message:錯誤信息,
    trigger:"onBlur/onChange"},
    {
    // 自定義表單校驗
    validator: value => {
        // true:驗證通過
        // false:驗證不通過
        return boolean值
    },message:"錯誤信息",
    trigger:"onBlur/onChange"
    }
  ]

**

2. 全局表單驗證

**
2.1 在 van-form 中定義ref屬性 ref=“xxx”
2.2 在觸發對應事件的函數中寫入以下代碼

this.$refs.xxx.validate().then(()=>{
    // 驗證通過
    }).catch(()=>{
    //驗證失敗
    })

**

## 3. 局部表單驗證

**
3.1 在 van-form 中定義ref屬性 ref=“xxx”
3.2 在需要驗證的項的 van-field上加上 name值 name=“ooo”
3.3 在觸發對應事件的函數中寫入以下代碼

this.$refs.xxx.validate("name的值").then(()=>{
    // 驗證通過
    }).catch(()=>{
    //驗證失敗
    })

**

 

轉載：https://www.cnblogs.com/mmzuo-798/p/15135862.html