12个常用的js正则表达式
作者:代码拾荒时间:2026-10-29 17:23:24浏览:75
本文整理了Web开发中12个高频使用的JavaScript正则表达式,涵盖金额输入限制、邮箱格式验证、密码强度检测(数字+字母+特殊字符)、电话号码及身份证号码校验等场景。代码示例包含HTML输入框限制与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开发中常用的表单验证正则表达式,供开发者参考使用。
作者最新文章
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
