常用正则整理和手机号中间隐藏——vue+element(持续更新)

手机号+邮箱校验

/(^[\w.\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\.)+[a-z]{2,3}$)|(^1[3|4|5|6|7|8|9]\d{9}$)/

vue+element中使用

/**
 * @description 账号校验
 */
export const account = [
  {
    required: true,
    message: "账号不能为空",
    trigger: "blur",
  },
  {
    type: "string",
    pattern: /(^[\w.\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\.)+[a-z]{2,3}$)|(^1[3|4|5|6|7|8|9]\d{9}$)/,
    message: i18n.t("账号格式不正确"),
    trigger: "blur",
  },
];

手机号校验

/^(0|86|17951)?(13[0-9]|15[0-9]|166|17[3678]|18[0-9]|19[0-9]|14[57])[0-9]{8}$/

vue+element中使用

/**
 * @description 手机号校验
 */
export const phone = [
  {
    required: true,
    message: "请输入手机号。",
    trigger: "blur",
  },
  {
    type: "string",
    pattern: /^(0|86|17951)?(13[0-9]|15[0-9]|166|17[3678]|18[0-9]|19[0-9]|14[57])[0-9]{8}$/,
    message: i18n.t("手机号格式不正确"),
    trigger: "blur",
  },
];

邮箱校验

/(^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$)/

vue+element中使用

/**
 * @description 邮箱校验
 */
export const email = [
  {
    required: true,
    message: "请输入邮箱号。",
    trigger: "blur",
  },
  {
    type: "string",
    pattern: /(^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$)/,
    message: i18n.t("邮箱格式不正确"),
    trigger: "blur",
  },
];

密码校验 （密码长度8-20位，包含数字和字母，不支持特殊符号）

/(\w{6,17}$)/

vue+element中使用

/**
 * @description 密码校验
 */
export const password = [
  {
    required: true,
    message: "请输入密码",
    trigger: "blur",
  },
  {
    type: "string",
    pattern: /(\w{6,17}$)/,
    message: i18n.t(
      "密码格式不正确,密码长度8-20位，包含数字和字母，不支持特殊符号。"
    ),
    trigger: "blur",
  },
];

注册密码二次校验 ）

vue+element中使用

/**
 * @description 重复密码校验
 */
export const rulePassword = (targetValue) => {
  return [
    {
      required: true,
      message: "请输入密码",
      trigger: "blur",
    },
    {
      type: "string",
      validator: (rule, value, callback) => {
        if (targetValue != value) {
          return callback(new Error());
        } else {
          callback();
        }
      },
      message: i18n.t("两次输入的密码不一致，请重新输入。"),
      trigger: "blur",
    },
  ];
};

手机号中间隐藏

  /**
     * @description 隐藏手机号
     */
    formattingPhone(cellValue) {
      if (Number(cellValue) && String(cellValue).length === 11) {
        var mobile = String(cellValue);
        var reg = /^(\d{3})\d{4}(\d{4})$/;
        return mobile.replace(reg, "$1****$2");
      } else {
        return cellValue;
      }
    }

邮箱隐藏

// 替换邮箱字符
function regEmail(email) {
　　if (String(email).indexOf('@') > 0) {
　　　　var str = email.split('@'),
　　　　　　_s = '';
　　　　if (str[0].length > 3) {
　　　　　　for (var i = 0; i < str[0].length - 3; i++) {
　　　　　　　　_s += '*';
　　　　　　}
　　　　}
　　　　var new_email = str[0].substr(0, 3) + _s + '@' + str[1]
　　}
　　return new_email
}