element ui表单验证常用正则验证

主要步骤

1.在utils文件夹下面创建文件夹 validate.js
2.页面引入 import { } from “…/utils/validate”;
3.data中定义规则
4.el-form标签上加上 :rules=“dataRules”

dataRules:{
	creditCode: [
          {required: true,message: "请输入社会统一信用代码, 18字符",trigger: "blur",},
          { validator: checkSocialCreditCode, trigger: "blur" },
        ],
}

//手机号
export function phoneValid(rule, value, callback) {
  if (value != '' && !(/^1[3456789]\d{9}$/.test(value))) {
    callback(new Error('请输入正确的手机号码'));
  } else {
    callback();
  }
}

//字母或数字
export function IdNo(rule, value, callback) {
    let reg = /^[0-9a-zA-Z]+$/
    if(!reg.test(value) && value != '' ){
      callback(new Error('你输入的字符不是数字或者字母'));
    }else{
      callback();
    }
}

//验证是否字符串
export function idNoValid(rule, value, callback) {
  if (typeof value !== 'string') {
    callback(new Error('非法字符串'));
  }else{
    callback();
}

//数字验证
export function intValid(rule, value, callback) {
  if (/^[0-9]+$/.test(value)) {
    callback();
  } else {
    callback(new Error('请输入数字'));
  }
}

//社会统一信用代码
export function checkSocialCreditCode(rule, value, callback) {
  if (value == '') {
    callback();
  }
  if (!(/^(?!\D+$)(?![^a-zA-Z]+$)[a-zA-Z\d]{18,}$/).test(value)) {
    callback(new Error('请输入正确的社会统一信用代码！'));
  } else {
    callback();
  }
}

//邮箱验证
export function checkEmail(rule, value, callback) {
  if (!(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(value))) {
    callback(new Error('请输入正确的邮箱地址'));
  }else{
    callback();
  }
}


身份证号规则
/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/

用正则表达式匹配字符串，以字母开头，后面是数字、字符串或者下划线，长度为 9 - 20
var re=new RegExp("^[a-zA-Z][a-zA-Z0-9_]{9,20}$");