Element表单验证的封装

/**
 * 用于表单验证
 * 使用示例 -- this.formValidation.specialCharacters
 * rules: {
 *  eventName: [
 *    { required: true, message: '不能为空', trigger: 'blur' },
 *    { validator: this.formValidation.specialCharacters, message: '不能输入特殊字符', trigger: 'blur' }
 *  ],
 * }
 * @type {RegExp}
 */


/**
 * 验证使用的正则
 * @type {RegExp}
 */


//不能输入特殊字符
const specialCharactersValidation = /^[\u4e00-\u9fa50-9A-Za-z]*$/;

//只能为英文及数字
const englishNumbersValidation = /^[A-Za-z0-9]+$/;

/**
 * 一系列的参数：rule
 * 单个input输入的值：value
 * 设置的验证失败提示语：callback
 * @type {{specialCharacters: formValidation.specialCharacters}}
 */

const formValidation = {

  //不能输入特殊字符
  specialCharacters: (rule, value, callback) => {
    if (specialCharactersValidation.test(value) || !value) {
      callback();
    }else {
      callback(rule.message);
    }
  },

  //只能为英文及数字
  englishNumbers: (rule, value, callback) => {
    if (englishNumbersValidation.test(value) || !value) {
      callback();
    }else {
      callback(rule.message);
    }
  },

}

//抛出
export default formValidation;

作者原文地址：我的个人日志