VeeValidate 使用笔记（此文章使用环境VUE+webpack）

最新推荐文章于 2024-09-01 22:59:50 发布

狂飙骚年

最新推荐文章于 2024-09-01 22:59:50 发布

阅读量5.6k

点赞数 1

分类专栏： vue+webpack 文章标签： vue VeeValidate

本文链接：https://blog.csdn.net/suixaingjun/article/details/74324240

版权

本文详细介绍了如何在 Vue 和 webpack 环境下使用 VeeValidate 进行表单验证，包括内置规则、错误处理方法、自定义规则的创建，以及表单提交和多重验证的实现。此外，还展示了如何配置中文提示和创建自定义验证规则，如 'mobile' 和 'length11'。

摘要由CSDN通过智能技术生成

VeeValidate 使用笔记

内置规则

after 两时间的先后比较
alpha_dash 字母、数字、下划线、减号
alpha_num 字母、数字
alpha 字母
before 两时间的先后比较
between 数值范围比较
confirmed 需要两个相同的输入值
date_between 日期范围
date_format 日期输入格式
decimal 数值，允许小数
digits 规定长度的数值
dimensions 指定像素长宽的图形文件
email Email 地址
ext 指定扩展名的文件
image 图像类型（mime type）的文件
in 指定的选择项（典型运用于选择项：单选、复选等）
ip IP地址
max 指定最大长度
mimes 指定类型（mime type）的文件
min    指定最小长度
not_in 指定无效的选择项（典型运用于下拉框）
numeric 数字（不允许小数点）
regex 正则表达式
required 必填项
size 限定文件大小，单位kb
url URL地址或者域名

errors的方法：

errors.first('field') 获取关于当前field的第一个错误信息
collect('field') 获取关于当前field的所有错误信息(list)
has('field') 当前filed是否有错误(true/false)
all() 当前表单所有错误(list)
any() 当前表单是否有任何错误(true/false)
add(String field, String msg) 添加错误
clear() 清除错误
count() 错误数量
remove(String f

最低0.47元/天解锁文章