欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Element表单验证规则

程序员文章站 2022-06-07 20:07:50
...

以下6点总结来自此博文: https://blog.csdn.net/bjLiuqaq/article/details/81030293

  1. 是否必须: required:true|| fasle
  2. 根据正则表达式验证: pattern:
  3. 最大长度和最小长度: min和max
  4. 数据转换:transform(value){return}
  5. 自定义校验功能:validador:fn(rule, value, callback);
  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。
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' }
],