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删掉的做法。

该做法的结果是，

一进入

有表单的页面时，表单就会进行

一次

校验。