element-ui 怎么全局验证

原文： https://www.jianshu.com/p/6a29e9e51b61

rules.js

var QQV = (rule, value, callback) => {
  debugger
  if (value === ) {
    callback(new Error(输入QQ号))
  } else if (/^[1-9][0-9]{4,10}$/.test(value)) {
    callback()
  } else {
    callback(new Error(输入正确的输入QQ号))
  }
}

// 类似金钱,首位不为0,最多2位小数
export function checkNumPot2(rule, value, callback) {
  const reg = /(^[1-9]([0-9]+)?(.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9].[0-9]([0-9])?$)/
  if (!value) {
    return callback(new Error(请填数字请填数字))
  } else if (!reg.test(value)) {
    return callback(new Error(请填数字请填数字,最多2位小数))
  } else {
    callback()
  }
}

// 身份证
export function checkIdNum(rule, value, callback) {
  const reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/
  if (!value) {
    return callback(new Error(单据号不能为空身份证号不能为空单据号不能为空))
  } else if (!reg.test(value)) {
    return callback(new Error(身份证号码不正确证件号码不正确识别号码不正确))
  } else {
    callback()
  }
}

// 整数
export function checkInterNum(rule, value, callback) {
  const reg = /^[0-9]*[1-9][0-9]*$/
  if (!value) {
    return callback(new Error(请填写整数请填写整数))
  } else if (!reg.test(value)) {
    return callback(new Error(请输入整数请输入整数))
  } else {
    callback()
  }
}

export default {
  QQ: [{ required: true, validator: QQV, trigger: blur }],
  phone: [{ required: true, pattern: /^1[34578]d{9}$/, message: 目前只支持大陆中国的手机号码, trigger: blur }],
  numPot2: [{ required: true, validator: checkNumPot2, trigger: blur }],
  InterNum: [{ required: true, validator: checkInterNum, trigger: blur }]
}

config.vue页面使用

import rules from @/utils/rules
data() {
      rules
    }
  },

转载于:https://www.cnblogs.com/luoxuemei/p/11598081.html