JavaScript 手机号码正则表达式详解及应用127

在日常的Web开发中，经常需要对用户输入的手机号码进行校验，确保其格式正确。JavaScript 提供了强大的正则表达式功能，可以高效地完成这项任务。本文将详细讲解如何使用JavaScript正则表达式校验各种格式的中国大陆手机号码，并提供一些实用技巧和代码示例。

一、中国大陆手机号码的格式

中国大陆的手机号码一般由11位数字组成，以1开头，后接9位数字。然而，实际情况中，用户输入的号码可能包含空格、括号、加号等符号，因此需要一个更灵活的正则表达式来处理这些情况。常见的号码段也一直在变化，所以正则表达式需要考虑一定的灵活性，避免过分依赖具体的号码段。

二、基础正则表达式

一个简单的正则表达式可以用来匹配大多数的中国大陆手机号码：
/^1\d{10}$/

解释：
^：匹配字符串的开头。
1：匹配数字1。
\d：匹配任意一个数字 (0-9)。
{10}：匹配前一个元素（\d）出现10次。
$：匹配字符串的结尾。

这个正则表达式只匹配以1开头，后面跟着10个数字的字符串，比较严格。它无法匹配包含空格或其他符号的号码。

三、更强大的正则表达式

为了处理更复杂的输入情况，我们可以使用更强大的正则表达式：
/^(?:(?:+|00)86)?1\d{10}$/

解释：
(?: ... ): 非捕获分组，匹配但不捕获。用来避免不必要的捕获。
(?:+|00)86: 可选的国家代码 +86 或 0086。
其余部分与基础正则表达式相同。

这个正则表达式可以匹配包含或不包含国家代码 "+86" 或 "0086" 的手机号码。

四、处理空格和符号

为了处理用户可能输入的空格或其他符号，我们可以使用以下正则表达式：
/^(?:(?:+|00)86)?1\d{10}$|^(\+\d{2,3}-)?1\d{10}$/

这个正则表达式增加了对 “+” 号和“-” 号的支持，以及可选的国家代码和区号。注意，这仍然是一个相对宽松的正则表达式，它允许一些非标准的号码格式通过校验，因此需要根据实际需求进行调整。

五、JavaScript 代码示例

以下是一个JavaScript函数，用于校验手机号码：
function isValidPhone(phone) {
const regex = /^(?:(?:+|00)86)?1\d{10}$|^(\+\d{2,3}-)?1\d{10}$/;
return ((/\s+/g, "")); //去除空格再校验
}
let phoneNumber = "+86 13812345678";
let isValid = isValidPhone(phoneNumber);
(isValid); // true
phoneNumber = "138-12345678";
isValid = isValidPhone(phoneNumber);
(isValid); // true
phoneNumber = "13812345678";
isValid = isValidPhone(phoneNumber);
(isValid); // true
phoneNumber = "12345678901";
isValid = isValidPhone(phoneNumber);
(isValid); // false