如何在正则表达式中添加可选字符组以匹配各类Facebook URL？

安全阿岳

2026-8-16

校验Facebook域名的正则解决方案

原正则存在的问题

你的正则有几个关键错误导致匹配异常：

facebook.com? 中的?会让m变成可选字符，导致误匹配facebook.co这类不符合要求的域名
路径部分的分组逻辑混乱，无法正确识别带点的路径（比如/myname.89）
缺少字符串结束锚定$，会允许facebook.com.evil.com这类包含合法域名但整体不符合的URL通过校验

修正后的正则表达式

下面是能满足需求的正则，支持可选的协议、www前缀，以及任意可选路径：

// 字面量写法（推荐，更简洁易读）
const facebookRegex = /^(https?:\/\/)?(www\.)?facebook\.com(\/.*)?$/;

// 构造函数写法（若需动态生成时使用，注意转义斜杠）
// const facebookRegex = new RegExp('^(https?:\\/\\/)?(www\\.)?facebook\\.com(\\/.*)?$');

正则各部分解释

^：匹配字符串的起始位置
(https?:\/\/)?：可选的HTTP/HTTPS协议，s?表示s可选，\/\/是转义后的斜杠
(www\.)?：可选的www.前缀
facebook\.com：精确匹配facebook.com，.用\转义避免匹配任意字符
(\/.*)?：可选的路径部分，\/匹配斜杠，.*匹配斜杠后的任意内容（包括空）
$：匹配字符串的结束位置，确保整个URL完全符合规则

校验逻辑调整

你的现有校验逻辑无需大改，替换正则后即可正常工作：

if (facebookRegex.test(e.target.value)) {
   setFacebook(e.target.value);
   setFacebookError(false);
} else if (e.target.value === '') {
   setFacebook(e.target.value);
   setFacebookError(false);
} else {
   setFacebookError(true);
}