Element UI表单校验封装

```java

```javascript
> <font color="red">这几天在搞一个后台管理项目，里面用到了表单验证，想到能偷懒，所以就封装了一个表单验证插件，需要的直接使用就好！！！</font>

## 一、新建validator.js文件

```javascript
 // 数字
const numberReg = /^\d+$|^\d+[.]?\d+$/
// 中文
const cnReg = /^[\u4e00-\u9fa5]+$/
// 邮箱
const emailReg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/
// 手机号
const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/

export default {
    // 数字验证
    validateNumber : function (rule, value, callback) {
        if (!numberReg.test(value)) {
            callback(new Error('请输入数字'))
        } else {
            callback()
        }
    },
    // 中文验证
    validateCn : function(rule, value, callback) {
        if (!cnReg.test(value)) {
            callback(new Error("请输入中文"));
        }else {
            callback()
        }
    },
    // 邮箱验证
    validateEmail : function(rule, value, callback) {
        if (!emailReg.test(value)) {
            callback(new Error('请输入正确的邮箱'))
        } else {
            callback()
        }
    },
    // 电话验证
    validatePhone : function(rule, value, callback) {
        if (!phoneReg.test(value)) {
            callback(new Error('请输入正确的手机号码'))
        } else {
            callback()
        }
    },
    // n*70 70取余
    validateDivide70 : function(rule, value, callback) {
        if (value%70 != 0) {
            callback(new Error('请输入70的倍数'))
        } else {
            callback()
        }
    }
}

二、使用

1、引用

import validator from "@/utils/validator"

2、实例

 rules: {
           userEmail: [
            { required: true, message: '请输入电子邮箱', trigger: 'blur' },
             { validator: validator.validateEmail, trigger:'blur'}
          ],
           userPhone: [
            { required: true, message: '请输入手机号', trigger: 'blur' },
            { validator: validator.validatePhone, trigger:'blur'}
          ],
      }

收工！！！可扩展