JavaScript常用表单验证正则表达式集合
本文整理了一套完整的JavaScript表单验证正则表达式代码,涵盖真实姓名、年龄、电话号码、邮箱、中文、密码及IP地址等常见场景。通过具体的函数实现与正则规则,帮助开发者快速集成前端数据校验功能,确保用户输入数据的合法性与格式规范。
JavaScript常用表单验证正则表达式集合
在进行网页表单验证的学习过程中,正则表达式是一项核心技能。经过网络检索与整理,这里汇总了一份较为全面的验证资源,并对内容进行了初步排版优化。
相关代码实现如下:
// 校验真实姓名格式,仅允许包含中文字符或大写英文字母
function isValidTrueName(strName){
var str = Trim(strName);
// 正则逻辑:匹配全大写英文或全中文字符,允许中间存在空格
var reg = /^[A-Z u4E00-u9FA5]+$/;
if(reg.test(str)){
return false;
}
return true;
} JavaScript表单验证年龄
年龄验证逻辑
接下来是JavaScript表单中的年龄验证逻辑,旨在判断用户输入的数值是否符合预设的年龄范围,该功能通过正则表达式配合逻辑判断实现。
具体代码展示如下:
// 年龄校验函数
function isAge(str){
var mydate=new Date;
var now=mydate.getFullYear();
if (str < now-60 || str > now-18){
return false;
}
return true;
} JavaScript表单验证电话号码
电话号码格式校验
针对电话号码的表单验证,通过正则表达式判断输入字符串是否符合电话格式规范。
相关代码示例:
<SPAN style="FONT-SIZE: 12px">// 电话号码格式检查
</SPAN><SPAN style="FONT-SIZE: 10px">function isTel(str){
var reg=/^([0-9]|[\-])+$/g ;
if(str.length18){
return false;
}
else{
return reg.exec(str);
}
}</SPAN> 正则表达式验证邮箱
邮箱地址验证
邮箱地址的表单验证主要判断输入量是否为合法的email格式,底层逻辑基于正则表达式匹配。
代码实现如下:
// 邮箱格式校验
function isEmail(str){
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
return reg.test(str);
} JavaScript表单验证中文大写字母
中文与大写字母组合验证
此部分演示JavaScript表单验证中文与大写字母的组合规则,用于判断输入量是否仅由中文或大写英文字母构成。
代码如下:
// 校验真实姓名,限定为中文字符或大写英文字母
function isValidTrueName(strName){
var str = Trim(strName);
// 正则设定:全大写英文或全中文,允许包含空格
var reg = /^[A-Z u4E00-u9FA5]+$/;
if(reg.test(str)){
return false;
}
return true;
} JavaScript验证
JavaScript表单验证年龄
JavaScript表单验证年龄模块,用于判定输入量是否满足特定的年龄区间要求,实现方式依赖正则表达式及相关逻辑。
代码片段如下:
// 年龄有效性检查
function isAge(str){
var mydate=new Date;
var now=mydate.getFullYear();
if (str < now-60 || str > now-18){
return false;
}
return true;
}
关于时间日期的处理函数,如需深入了解可参考《JavaScript中getDate日期函数》一文。 JavaScript表单验证中文大写字母
JavaScript表单验证中文与大写字母模块,用于判断输入内容是否仅包含中文或大写英文字母。
具体代码:
// 校验真实姓名,仅允许中文字符或大写英文字母
function isValidTrueName(strName){
var str = Trim(strName);
// 正则规则:全大写英文或全中文,可含空格
var reg = /^[A-Z u4E00-u9FA5]+$/;
if(reg.test(str)){
return false;
}
return true;
} JavaScript表单验证是否为中文
纯中文内容校验
JavaScript表单验证是否为中文,用于判断输入量是否完全由中文字符组成,实现手段为正则表达式。
代码如下:
// 中文字符校验
function isChn(str){
var reg = /^+$/;
if(!reg.test(str)){
return false;
}
return true;
} JavaScript表单验证密码
密码格式规范检查
JavaScript表单验证密码功能,旨在检查输入框内容是否符合有效密码的标准。
该验证规则限定密码仅允许由ASCII字符组成。
此函数主要应用于修改密码或注册环节。
即任何包含非ASCII字符的字符串均无法通过验证。
具体函数checkValidPasswd的实现见下方演示代码。
代码示例:
function checkValidPasswd(str){
var reg = /^[x00-x7f]+$/;
if (! reg.test(str)){
return false;
}
if (str.length < 6 || str.length > 16){
return false;
}
return true;
} JavaScript正则验证IP
IP地址正则验证
相关代码片段:
JavaScript正则表达式验证IP地址
JavaScript正则验证IP,主要用途是校验IP地址的格式规范性。
输入参数:strIP,代表待校验的ip地址字符串。
返回值:若JavaScript通过验证IP返回true,否则返回false。
JavaScript验证IP的具体代码如下:
function isIP(strIP) {
if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g // 匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}
上述逻辑通过正则表达式判断输入是否为合法的IP地址格式,并据此返回相应的校验结果。5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
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
