Element表单验证规则
程序员文章站
2022-06-07 20:07:50
...
以下6点总结来自此博文: https://blog.csdn.net/bjLiuqaq/article/details/81030293
- 是否必须: required:true|| fasle
- 根据正则表达式验证: pattern:
- 最大长度和最小长度: min和max
- 数据转换:transform(value){return}
- 自定义校验功能:validador:fn(rule, value, callback);
- 自带验证类型: 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。
priceAmount: [
{ required: true, message: '金额不能为空', trigg: 'blur' }
],
type: [
{ required: true, message: '类型不能为空', trigg: 'change' }
],
driverName: [{
required: true,
validator: (rule, valcallback) => {
if (!value) {
callback(new Error('不能为空'))
}
callback()
},
trigger: ['change']
}],
driverMobile: [{
// 正则校验
pattern: phoneReg, message: '司机手机号码不正确',trigger: ['blur', 'change']
}
],
plateNumber: [
{ required: true, message: '车牌号码不能为空', trigger: 'blur' }
],
date: [
{ type: 'date', required: true, message: '请选择时间', trigger: 'change' }
],
上一篇: 吃香菜过敏吗,来了解一下