如何在JavaScript中区分并验证美国和加拿大手机号码？

一、扩展现有reactphonenumberinput的验证逻辑 #

既然你已经在用这个库，最省心的方式是在它的基础上增加地区校验，同时可以直接限制国家选择器的选项：

• 先通过库的parsePhoneNumber方法解析号码，获取对应的国家标识
• 只允许US（美国）和CA（加拿大）的号码通过验证
• 示例代码：

import { parsePhoneNumber } from 'react-phone-number-input';
import PhoneInput from 'react-phone-number-input';

const validatePhone = (value) => {
  if (!value) return '请输入手机号码';
  try {
    const phoneObj = parsePhoneNumber(value);
    const allowedCountries = ['US', 'CA'];
    // 校验归属国家
    if (!allowedCountries.includes(phoneObj.country)) {
      return '仅支持美国和加拿大手机号码';
    }
    // 校验号码格式有效性
    if (!phoneObj.isValid()) {
      return '手机号码格式不正确';
    }
    return null; // 验证通过
  } catch (err) {
    return '手机号码格式不正确';
  }
};

// 在表单中使用时，直接限制可选国家
<PhoneInput
  value={phoneValue}
  onChange={setPhoneValue}
  defaultCountry="US"
  countries={['US', 'CA']} // 只显示美加国家选项，从源头减少无效输入
/>

二、使用libphonenumber-js独立验证 #

如果不想依赖react组件库，推荐用libphonenumber-js——它是Google官方libphonenumber的纯JS实现，能精准解析+1区号下的具体归属国家：

• 安装依赖：npm install libphonenumber-js
• 示例验证代码：

import { parsePhoneNumberFromString } from 'libphonenumber-js';

const isValidUSCAPhone = (phoneNumber) => {
  const parsedNumber = parsePhoneNumberFromString(phoneNumber);
  if (!parsedNumber) return false;
  // 同时校验归属国家和号码有效性
  return (parsedNumber.country === 'US' || parsedNumber.country === 'CA') && parsedNumber.isValid();
};

// 使用示例
console.log(isValidUSCAPhone('+14155552671')); // 美国号码 → true
console.log(isValidUSCAPhone('+16045551234')); // 加拿大号码 → true
console.log(isValidUSCAPhone('+18765551234')); // 牙买加号码 → false

三、不推荐：自定义正则校验 #

虽然可以写正则匹配美加的地区代码，但北美地区代码会不定期更新，维护成本极高，仅作参考：

// 仅覆盖部分常用美加地区代码，不保证全面性
const usCaPhoneRegex = /^\+1(20[149]|21[2-9]|22[456]|23[68]|24[9]|25[012346789]|26[24]|27[0258]|28[1]|30[1-9]|31[02-9]|323|334|347|352|360|385|40[1-9]|41[02-9]|423|431|440|450|469|479|480|50[1-9]|51[02-9]|520|530|541|551|561|573|585|60[1-9]|61[02-9]|620|630|647|650|660|670|681|70[1-9]|71[02-9]|720|731|740|754|760|770|781|80[1-9]|81[02-9]|828|832|843|855|860|876|90[1-9]|91[02-9]|920|931|940|951|970|989)\d{7}$/;

const validateWithRegex = (phone) => usCaPhoneRegex.test(phone);

内容的提问来源于stack exchange，提问作者Muhammed Nabhan