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值)

}

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,923评论 18 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,765评论 18 399
  • //Clojure入门教程: Clojure – Functional Programming for the J...
    葡萄喃喃呓语阅读 3,762评论 0 7
  • 专注形成系列;系列形成体系;体系即“宇宙”。 大螺丝社群里黑白兄每天更新的教育类系列打卡,让人看了以后,有种读专栏...
    fengtasy阅读 178评论 0 1
  • 今天朋友送了我一张巫启贤的演唱会门票,纯粹是抱着不去浪费的心态去了五棵松体育馆,去的时候我是开心的,兴奋的,想着晚...
    郭郭88阅读 200评论 0 0