js中正则表达式验证URL 网址，亲测有效

/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/

 

大家可直接复制上面的正则表达式

上面正则表达式验证对以下类型网址都有效，可以去https://regexr.com/在线验证下

https://www.example.com
http://www.example.com
www.example.com
example.com
http://blog.example.com
http://www.example.com/product
http://www.example.com/products?id=1&page=2
http://www.example.com#up
http://255.255.255.255
255.255.255.255
http://invalid.com/perl.cgi?key= | http://web-site.com/cgi-bin/perl.cgi?key1=value1&key2
http://www.site.com:8008

 

三年过去了，眼看要毕业了，实习工作中又用上了这个正则表达式，附上js的简单代码

    checkUrl() {
      const re = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/
      return re.test(this.form.classUrl)
    }

时间证明，写博客真的蛮有用，加油，为这个世界奉献自己的价值，哪怕再小！