Vue-validate使用初探

vue-validate的使用

import VeeValidate from 'vee-validate'

import { Validator } from 'vee-validate'

// 自定义规则

Validator.extend('customerID', {

  getMessage: field => `（会员名称 长度为7-15位 由英文,数字,“.”，“_”组成）`,                                                       //这里是判断值返回false后显示的信息

  validate: value => {

    return /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){7,15}$/.test(value)

 //两个单引号之间的正则表达式是判断表达式。test()方法是js的api，用于检测一个字符串是否匹配摸个模式（在这里匹配的是输入框输入的VALUE值）

}

})