JS正则表达式实战_表单验证技巧合集_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JS正则表达式实战_表单验证技巧合集

2025-11-16

浏览次数：次

返回列表

邮箱验证使用基础正则 /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/ 覆盖常见格式；2. 手机号用 /^1[3-9]\d{9}$/ 匹配大陆主流号段；3. 密码需至少8位并包含大小写、数字、特殊字符中三项，通过分步正则检测；4. 身份证采用简化正则 /^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}(d|X)$/ 校验18位结构；5. 中文姓名用 /^[\u4e00-\u9fa5]{2,4}$/ 限制2-4个汉字；6. URL 用 /^https?://(?:[-w.]|(?:%[da-fA-F]{2}))+/ 验证http/https开头。结合HTML5表单属性与JS正则可提升校验可靠性。

js正则表达式实战_表单验证技巧合集

表单验证是前端开发中不可或缺的一环，J*aScript 正则表达式（RegExp）在其中扮演着关键角色。通过合理使用正则，可以高效校验用户输入的格式是否合规。下面整理几种常见场景下的正则验证技巧，帮助你在实际项目中快速上手。

1. 邮箱格式验证

邮箱是表单中最常见的字段之一，其格式有一定规范：由字母、数字、点、下划线和连字符组成，中间有一个 @ 符号，后跟域名。

// 基础但实用的邮箱正则

const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/;

使用方式：

if (emailRegex.test("user@example.com")) {
console.log("邮箱格式正确");
}

// 注意：此正则覆盖大多数常见情况，极端合法邮箱可能不匹配，但对一般业务足够

2. 手机号码验证（中国大陆）

中国大陆手机号通常为 11 位，以 1 开头，第二位通常是 3-9。

// 匹配主流运营商号码段

const phoneRegex = /^1[3-9]d{9}$/;

示例：

if (phoneRegex.test("13812345678")) {
console.log("手机号有效");
}

// 可根据需要扩展虚拟运营商号段（如 170、171 等）

3. 密码强度校验

安全密码通常要求包含大小写字母、数字、特殊字符中的至少三项，且长度不少于8位。

// 分步检查更清晰

function validatePassword(pwd) {
  let count = 0;
  if (/(?=.*[a-z])/.test(pwd)) count++;
  if (/(?=.*[A-Z])/.test(pwd)) count++;
  if (/(?=.*d)/.test(pwd)) count++;
  if (/(?=.*[@$!%*?&])/.test(pwd)) count++;
  return pwd.length >= 8 && count >= 3;
}

调用：
validatePassword("MyPass123!") → true