element-ui 的form表单验证
2018-07-13 14:09
726 查看
1. 是否必须: required:true|| fasle
2. 根据正则表达式验证: pattern:
3. 最大长度和最小长度:
min和
max
4.数据转换:transform(value){return}
5.自定义校验功能:validador:fn(rule, value, callback);
5.enumvar descriptor = { role: {type: "enum", enum: ['admin', 'user', 'guest']} }6. 自带验证类型: type:
string
:必须是类型string
。This is the default type.
number
:必须是类型number
。boolean
:必须是类型boolean
。method
:必须是类型function
。regexp
:必须是RegExp
创建新项时不生成异常的实例或字符串RegExp
。integer
:必须是类型number
和整数。float
:必须是类型number
和浮点数。array
:必须是由...确定的数组Array.isArray
。object
:必须是类型object
而不是Array.isArray
。enum
:价值必须存在于enum
。date
:值必须有效,由确定Date
url
:必须是类型url
。hex
:必须是类型hex
。email
:必须是类型email
。
相关文章推荐
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue+element-ui集成随机验证码+用户名+密码的form表单验证
- vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
- vue elementUI之Form表单 验证
- vue + ElementUI 关闭对话框清空验证,清除form表单
- element-ui:非v-model绑定的自身属性的form表单验证
- vue + ElementUI 关闭对话框清空验证,清除form表单
- Vue ElementUI之Form表单验证遇到的问题
- Vue Elementui Form表单验证
- vue elementUI之Form表单 验证
- element-ui+vuex共享自定义方法进行表单验证 validator
- ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证
- elementUI表单校验——自定义验证
- 详解ElementUI之表单验证、数据绑定、路由跳转
- ElementUI之表单验证、数据绑定、路由跳转
- ElementUI表单验证例子
- ElementUI表单验证使用
- element-ui中表单验证rules
- Vue+Element UI 下,如何给一个表单设置自定义规则或多个验证规则(:rules)
- 基于vue2.0前端组件库element中 el-form表单 自定义验证填坑