iview - 自定義表單驗證

自定義表單驗證代碼

export default {
    data () {
    const validateImage = (rule, value, callback) => {
      if (value.barImage === '') {
        callback(new Error('驗證錯誤'))
      } else if (value.split(',').length !== 3) {
        callback(new Error('驗證錯誤'))
      } else {
        callback()
      }
    }
    },
    rules: {
        barImage: [
			 { required: true, validator: validateImage, trigger: 'blur' }
		]
    }
}
           

屬性trigger不添加

    表單驗證規則中，trigger屬性填寫的是在什麼情況下觸發該驗證，例如

blur

或者

change

。

    但是我們會有某些需求，需要讓該輸入框在送出的時候才驗證，并不需要實時驗證，此時就會有把trigger删掉的做法。

該做法的結果是，

一進入

有表單的頁面時，表單就會進行

一次

校驗。