vue 表单校验 属性

required 必填

是否必填: boolean 值

  • true : 必填,输入框带有红色星号
  • false : 不必填且校验值为空时,跳过该值的校验
tupain required

type 类型

指定一些定义好的数据进行校验,是全等于的校验

type
string 默认就是string类型的
number 数据默认是string,value需要使用transform转化为number类型
boolean 数据boolean类型的
integer 整型 、可以是 负数 0(transform 转化)
float 浮点类型,可以负数 不能为0,不能是12.0即小数部分全是零的;(transform转化)
enum 枚举类型
email 电子邮箱格式
url 网址格式
tupain enum

pattern 正则

tupain pattern

min/max 最大最小值

官网介绍:判断数据大小范围,通常对数字大小范围做校验。对于字符串和数组类型,将根据长度进行比较。
实际测试结果: 只对字符串生效,对数字类型校验会因为数据类型不对而校验失败

tupain min/max

len 长度

len特性与最小和最大范围特性相结合,则len优先,len 也是对字符串进行校验的

tupain len

whitespace 空格

tupain whitespace

transform 类型转换

校验是全类型的比较, 转换只在比较的时候转换,不会改变原来的值,

tupain transform

messages 提示信息

未通过校验的提示信息,官方说(支持html)测试没效果

tupain messages

trigger 触发校验

触发校验有blur、change

validator 自定义校验规则

tupain validator

自定义data

tupain data
posted @ 2019-12-30 18:33  雨天。我  阅读(236)  评论(0)    收藏  举报