以下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' }
],
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐