Javascript：使用正则表达式验证网站网址

Question

我正在努力在 javascript 中创建一个正则表达式来验证网站 url。我在 stackoverflow 社区中搜索了一下，没有发现需要完成的内容。

到目前为止我的正则表达式：/(https?:\/\/)?(www\.)?[a-zA-Z0-9]+\.[a-zA-Z]{2,}/g

但它似乎失败并通过了带有两个 w 的 url 的验证，例如 ww.test.com

应该通过正则表达式的测试：

http://www.test.com
https://www.test.com
www.test.com
www.test.co.uk
www.t.com
test.com
test.fr
test.co.uk

不应该通过正则表达式的测试：

w.test.com
ww.test.com
www.test
test
ww.test.
.test
.test.com
.test.co.ul
.test.

有什么建议或想法吗？

Answer 1

即使this 的答案对于这个问题来说有点过分，它也说明了这个问题：即使有可能创建一个正则表达式来检查 url，解析 URL 和“创建一个真正的对象”，通过它/可以将整体测试分解为多个较小的测试。

因此，现代浏览器的内置 URL 构造函数可能会在这里为您提供帮助（LINK 1，LINK 2）。

测试您的网址的一种方法可能如下所示：

function testURL (urlstring) {
    var errors = [];
    try {
        var url = new URL(urlstring);

        if (!/https/.test(url.protocol)) {
           errors.push('wrong protocol');
        }

        //more tests here

    } catch(err) {
      //something went really wrong
      //log the error here

    } finally {
      return errors;
    }
}


if (testURL('mr.bean').length == 0) { runSomething(); }

Answer 2

/((http|https)\:\/\/)?[a-zA-Z0-9\.\/\?\:@\-_=#]+\.([a-zA-Z0-9\&\.\/\?\:@\-_=#])*/g

Answer 3

这是一个非官方的，但对大多数事情都有解释。对于大多数情况，这应该足够了。

(https?:\/\/)?[\w\-~]+(\.[\w\-~]+)+(\/[\w\-~]*)*(#[\w\-]*)?(\?.*)?

1. (https?:\/\/)? - 是否以http:// 或https:// 开头
2. [\w\-~]+(\.[\w\-~]+)+ 后跟域名[\w\-~] 和至少一个扩展名(\.[\w\-~])+
   • [\w\-~] == [a-zA-Z0-9_\-~]
   • 多个扩展意味着test.go.place.com
3. (\/[\w\-~]*)* 然后尽可能多的子目录
   • 为了方便test.com/ 通过，斜线不强制后面的字符。这可以像这样被滥用：test.com/la////la。
4. (#[\w\-]*)? 后面可能是一个元素 id
5. (\?.*)? 后面可能是 url 参数，（为了简单起见）几乎可以是任何

有很多边缘情况会破坏，或者它应该但它没有。但是，对于大多数情况下人们没有做任何古怪的事情，这应该有效。