正则的应用 及（?=.* 和 ?=. 区别）

校验邮箱

const isEmail = (str) => {
  const reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/g
  return reg.test(str)
}

 

手机号码正则表达式验证。

function checkPhone(){ 
  var phone = document.getElementById('phone').value;
  if(!(/^1[3456789]\d{9}$/.test(phone))){ 
    alert("手机号码有误，请重填");  
    return false; 
  } 
}
/*~~~~~~~~~~~~~~~~~~ 或者 ~~~~~~~~~~~~~~~~~*/
function checkPhone(){ 
  var phone = document.getElementById('phone').value;
  if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){ 
    alert("手机号码有误，请重填");  
    return false; 
  } 
}

(3|4|5|6|7|8|9) 等效于 [3456789] ，都代表从这些数字中取其一，值得注意的是，或者符号 | 不可在 [] 中使用，它会被认为是一个可以匹配的符号，而不再是 “或者” 的意思。

 

校验用户名

const isValidUsername = (str) => {
  const reg = /^[0-9a-zA-z|_]{1,20}$/g
  return reg.test(str)
}

 

数字格式化 1,123,000

"1234567890".replace(/\B(?=(?:\d{3})+(?!\d))/g,",") // 结果：1,234,567,890，匹配的是后面是3*n个数字的非单词边界(\B)

\B 匹配非单词边界；
\d 匹配一个数字；
+ 是量词，表示前面的内容重复1到多次
?= 是预言，表示这个位置后面的内容需要满足的条件，注意只是匹配一个位置，并不匹配具体的字符，所以是零宽；
?! 也是预言，表示这个位置后面的内容不能满足的条件，注意也只是匹配一个位置，并不匹配具体的字符，所以也是零宽；

\d{3} 匹配三个数字，+表示前面的内容重复1到多次，所以(\d{3})+表示三个数字的1到多次，也就是3,6,9...等3的倍数个数字的字符串；
(?!\d) 匹配一个位置，这个位置后面不是数字
(?=(\d{3})+(?!\d) )匹配一个位置，这个位置后面首先是3的倍数个数字的字符串，接下来的位置不是数字
/\B(?=(\d{3})+(?!\d))/g 就是全局匹配一个位置，这个位置是非单词边界，然后后面是3的倍数个数字，然后是非数字。

比如，字符串ad12345678abs，这个正则匹配的位置就是2后面的位置，5后面的位置。2后面有6（3 * 2）个数字，5后面有3（3 * 1）个数字。

校验密码

const isValidPassword = (str) => {
  // 强密码：字母+数字+特殊字符
  const strong = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[!_~.@#$%^&*?])[a-zA-Z!_~.@#$%^&*?0-9]{3,18}$/g
  // 中：字母+数字、字母+特殊字符、特殊字符+数字
  const reg = /^(?![a-zA-Z]+$)(?![!_~.@#$%^&*?]?$)(?![0-9]+$)[a-zA-Z!_~.@#$%^&*?0-9]{3,18}$/g
  // 弱：纯数字、纯字母、纯特殊字符
  const ruo = /^(?:\d+|[a-zA-Z]+|[!_~.@#$%^&*?]+)$/g
  return [strong.test(str), reg.test(str), ruo.test(str)]
}
console.log(isValidPassword("2?3432"))

/*~~~~~~~~~~~~~ ?=.* 和 ?=. 区别 ~~~~~~~~~~~~~~~~*/
const reg = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{3,10}$/
console.log(reg.test("aQ123"), reg.test("12aQ3")) // true, true
// 必须字母开头
const exp = /^(?=.[a-zA-Z])(?=.*\d).{3,10}$/
console.log(exp.test("aQ123"), exp.test("12aQ3")) // true, false

 

校验身份证

var checkProv = function (val) { // 省级地址码校验
  var pattern = /^[1-9][0-9]/;
  var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
  if(pattern.test(val)) {
    if(provs[val]) {
      return true;
    }
  }
  return false;
}
var checkDate = function (val) { // 出生日期校验
  var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
  if(pattern.test(val)) {
    var year = val.substring(0, 4);
    var month = val.substring(4, 6);
    var date = val.substring(6, 8);
    var date2 = new Date(year+"-"+month+"-"+date);
    if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
      return true;
    }
  }
  return false;
}

var checkCode = function (val) { // 校验码校验
  var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
  var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
  var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
  var code = val.substring(17);
  if(p.test(val)) {
    var sum = 0;
    for(var i=0;i<17;i++) {
      sum += val[i]*factor[i];
    }
    if(parity[sum % 11] == code.toUpperCase()) {
      return true;
    }
  }
  return false;
}

var checkID = function (val) {
  if(checkCode(val)) {
    var date = val.substring(6,14);
    if(checkDate(date)) {
      if(checkProv(val.substring(0,2))) {
        return true;
      }
    }
  }
  return false;
}