正则表达式匹配 url

Question

我正在寻找一个正则表达式来匹配以下 2 个网址：

1) https://www.youtube.com/
2) https://www.youtu.be/

当然还有查询。

1) https://www.youtube.com/watch?v=dqw4w9wgxcq&feature=youtu.be
2) http://youtu.be/dqw4w9wgxcq

我想在表单提交后检查它。

我现在的正则表达式是：

 var expression = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)?/gi;
  var regex = new RegExp(expression);

  if (!linkVal.match(regex)) {
    alert("PLease enter a valid url");
    return;
  }

提前致谢

Answer 1

您要查找的正则表达式是[(http(s)?):\/\/(www\.)?]{2,256}(youtube.[a-z]{2,6}|youtu.be)\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)

可能有几种情况会失败，但这在我的测试中相当稳健。让我知道是否有任何 URL 失败，我可以看看。 :)

const regex = /[(http(s)?):\/\/(www\.)?]{2,256}(youtube.[a-z]{2,6}|youtu.be)\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
const entries = [
'https://youtube.com',
'www.fakename.com',
'www.youtu.be/pathtoname',
'https://youtu.be/',
'http://youtabe.com/',
'https://youtube.com',
'https://www.youtube.com/watch?v=UuXWTnzacyQ',
'https://youtucan.com',
'https://youtunow.com'
];


const validUrls = entries.filter( e => e.match(regex) );
console.log(validUrls);

如果您提供 youtube 网址的示例列表，我可以证明它有效。我只是没有一个 API 来抓取 100 个左右的视频的 JSON 来检查。

Answer 2

您不应该为此使用正则表达式。使用本机 URL 对象解析 URL 并在此基础上实现您的逻辑。

const urls = [
    'http://youtube.com/',
    'https://www.youtu.be',
    'http://www.youtu.b',
    'invalid'
];

console.log(urls.map(url => [url, isValidUrl(url)]));

function isValidUrl(urlString) {
    let url;

    try { url = new URL(urlString) } 
    catch { return false }

    return isValidProtocol() && isValidDomain();

    function isValidProtocol() {
        return url.protocol === 'http:' || url.protocol === 'https:';
    }

    function isValidDomain() {
        const coreDomain = url.hostname.replace(/^www\./, '');

        return coreDomain === 'youtube.com' || coreDomain === 'youtu.be';
    }
}