前端开发必备：12个常用JS正则表达式汇总

JS正则表达式概览

本文整理了Web开发中12个高频使用的JavaScript正则表达式，这些工具是前端开发者的常用资源。

金额输入限制

1. 在input输入框中限制只能输入金额，即最多包含两位小数的数字。


//第一种在input输入框限制 
 <input type="text" maxlength="8" class="form-control" id="amount" style="margin-right: 2px;" value="" onChange="count();" onkeyup="if (this.value==this.value2) return; if (this.value.search(/^\d*(?:\.\d{0,2})?$/)==-1) this.value=(this.value2)?this.value2:'';else this.value2=this.value;">元 
//第二种对于表单动态增加的方式，只能在js方法中验证。 
 var amount=$("#amount").val(); 
 if (amount.search(/^\d*(?:\.\d{0,2})?$/)==-1) { 
   alert("金额格式不对，最多有两位小数"); 
   return false; 
}

邮箱格式验证

2. 验证邮箱格式。


var reg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; 
 var email=$("#email").val(); 
 if(!reg.test(email) ){ 
    alert("请输入符合规范的邮箱账号！"); 
    return false; 
   }

密码强度校验

3. 密码需包含数字、字母及特殊字符，且长度限制在8至20位之间。


function validatePwd(str) { 
if (/^.*?[\d]+.*$/.test(str) && /^.*?[A-Za-z]/.test(str) 
&& /^.*?[~/`!@#$%^&*()_+|{}?;:><\-\]\\[\/].*$/.test(str) && /^.{8,20}$/.test(str)) { 
return true; 
} 
return false; 
}

电话号码验证

4. 验证电话号码。


/** 
 * 验证电话号码 
 * @param phoneValue 要验证的电话号码 
 * @returns 匹配返回true 不匹配返回false 
 */ 
function validatePhone(phoneValue) { 
 phoneValue = valueTrim(phoneValue); 
 var reg = /^[1][0-9]{10}$/; 
 return reg.test(phoneValue); 
}

汉字与字母数字判断

5. 判断输入内容是否为汉字。


/** 
 * 判断是否是汉字 
 * 
 * @param charValue 
 *   要验证的数据 
 * @returns 匹配返回true 不匹配返回false 
 */ 
function isCharacter(charValue) { 
 var reg = /^[\u4e00-\u9fa5]{0,}$/; 
 return reg.test(charValue); 
}

6. 判断是否为纯字母：返回true表示是，false表示不是。


function isChar(charValue){ 
 var charPattern=/^[a-zA-Z]*$/; //是否为字母 
 result=charPattern.test(charValue); 
 return result; 
}

7. 判断是否为数字。


function isNum(numValue){ 
 var numPattern=/^\d*$/; //数字的正则表达式 
 result=numPattern.test(numValue); 
 return result; 
}

8. 整数的正则表达式。


function isInt(intValue){ 
  var intPattern=/^0$|^[1-9]\d*$/; //整数的正则表达式 
 result=intPattern.test(intValue); 
  return result; 
 }

9. 判断是否为字母和数字的组合。


 function isCharNum(flagValue){ 
 var flagPattern=/^[a-zA-Z0-9]*$/; //是否为字母和数字 
 result=flagPattern.test(flagValue); 
 return result; 
}

身份证号码校验

10. 校验18位身份证号码。


/** 
 * 检验18位身份证号码（15位号码可以只检测生日是否正确即可，自行解决） 
 * 
 * @param idCardValue 
 *   18位身份证号 
 * @returns 匹配返回true 不匹配返回false 
 */ 
function idCardVildate(cid) { 
var arrExp = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];// 加权因子 
var arrValid = [ 1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2 ];// 校验码 
var reg = /^[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)$/; 
if (reg.test(cid)) { 
var sum = 0, idx; 
for (var i = 0; i < cid.length - 1; i++) { 
// 对前17位数字与权值乘积求和 
sum += parseInt(cid.substr(i, 1), 10) * arrExp[i]; 
} 
// 计算模（固定算法） 
idx = sum % 11; 
// 检验第18为是否与校验码相等 
return arrValid[idx] == cid.substr(17, 1).toUpperCase(); 
} else { 
return false; 
} 
}

11. 验证15位身份证号码中的生日部分是否有效。


function isValidityBrithBy15IdCard(idCard15) { 
 var year = idCard15.substring(6, 8); 
 var month = idCard15.substring(8, 10); 
 var day = idCard15.substring(10, 12); 
 var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day)); 
 // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法 
 if (temp_date.getYear() != parseFloat(year) 
   || temp_date.getMonth() != parseFloat(month) - 1 
   || temp_date.getDate() != parseFloat(day)) { 
  return false; 
 } else { 
  return true; 
 } 
}

12. 验证18位身份证号码中的生日部分是否有效。


function isValidityBrithBy18IdCard(idCard18) { 
 var year = idCard18.substring(6, 10); 
 var month = idCard18.substring(10, 12); 
 var day = idCard18.substring(12, 14); 
 var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day)); 
 // 这里用getFullYear()获取年份，避免千年虫问题 
 if (temp_date.getFullYear() != parseFloat(year) 
   || temp_date.getMonth() != parseFloat(month) - 1 
   || temp_date.getDate() != parseFloat(day)) { 
  return false; 
 } else { 
  return true; 
 } 
}

以上就是整理的Web开发中常用的表单验证正则表达式，供开发者参考使用。

12个常用的js正则表达式