element form 表单校验工具类

const validateMobile = function (rule, value, callback) {
    let newValue = value.replace(/[^0-9]/gi, '')
    if (value !== newValue) {
        callback(new Error('请输入正确的手机号'))
    } else if (newValue.length !== 11) {
        callback(new Error('请输入正确的手机号'))
    } else {
        callback()
    }
}
export { validateMobile }

用法：

import {validateMobile} from "@/utils/config";



rules: {
  name: [
    { required: true, message: '请输入姓名', trigger: 'blur' }

  ],
  tel: [
    { required: true, message: '请输入电话', trigger: 'blur' },
 { validator: validateMobile.bind(this), trigger: 'blur' },
  ] 
}