JavaScript URL 验证正则表达式大全与实现
作者：拾光时间：2026-10-26 20:52:15浏览：520
本文整理了多种用于 JavaScript 验证 URL 的正则表达式方案，涵盖 IP、域名、端口及文件路径等复杂场景。提供了从基础校验到包含协议、用户信息及特殊字符的完整代码实现，帮助开发者快速集成高效的网址合法性检查功能。
全面 URL 验证逻辑概述
这里提供一套较为全面的 JavaScript URL 正则表达式判断逻辑。该验证机制覆盖了 IP 地址、域名（domain）、FTP 协议、二级域名、域名后的文件路径、端口号以及用户名等多种信息。虽然这段代码源自网络项目中的实用片段，但其验证能力的全面性和严谨性在同类方案中表现突出。鉴于 URL 验证在前端开发中的高频需求，特此整理分享，供开发者参考使用。
IsURL 函数实现
function IsURL (str_url) {
var strRegex = '^((https|http|ftp|rtsp|mms)?://)'
+ '?(([0-9a-z_!~*\'().&=+$%-]+: )?[0-9a-z_!~*\'().&=+$%-]+@)?' //ftp的user@
+ '(([0-9]{1,3}.){3}[0-9]{1,3}' // IP形式的URL- 199.194.52.184
+ '|' // 允许IP和DOMAIN（域名）
+ '([0-9a-z_!~*\'()-]+.)*' // 域名- www.
+ '([0-9a-z][0-9a-z-]{0,61})?[0-9a-z].' // 二级域名
+ '[a-z]{2,6})' // first level domain- .com or .museum
+ '(:[0-9]{1,4})?' // 端口- :80
+ '((/?)|' // a slash isn't required if there is no file name
+ '(/[0-9a-z_!~*\'().;?:@&=+$,%#-]+)+/?)$';
var re=new RegExp(strRegex);
//re.test()
if (re.test(str_url)) {
return (true);
} else {
return (false);
}
} 以下是第二种验证代码的实现方式：
CheckUrl 函数实现
function CheckUrl(str) {
var RegUrl = new RegExp();
RegUrl.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");//jihua.cnblogs.com
if (!RegUrl.test(str)) {
return false;
}
return true;
}
第三种验证代码示例如下：
checkUrl 函数实现
function checkUrl(urlString){
if(urlString!=""){
var reg=/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:\/~\+#]*[\w\-\@?^=%&\/~\+#])?\/;
if(!reg.test(urlString)){
alert("不是正确的网址吧，请注意检查一下");
}
}
}接下来分享一个常用的网址验证正则表达式实现。
基础网址正则匹配
| 正则表达式 |
(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:\/~\+#]*[\w\-\@?^=%&\/~\+#])?
|
|---|---|
| 匹配 | http://regxlib.com/Default.aspx | http://electronics.cnet.com/electronics/0-6342366-8-8994967-1.html |
| 不匹配 | www.yahoo.com |
UNC 路径匹配
| 正则表达式 |
^\\{2}[\w-]+\\(([\w-][\w-\s]*[\w-]+[$$]?$)|([\w-][$$]?$))
|
|---|---|
| 匹配 | \\server\service | \\server\my service | \\serv_001\service$ |
| 不匹配 | \\my server\service | \\server\ service | \\server$\service |
严格协议与 IP 验证
| 正则表达式 |
^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&%\$\-]+)*@)?((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.[a-zA-Z]{2,4})(\:[0-9]+)?(/[^/][a-zA-Z0-9\.\,\?\'\\/\+&%\$#\=~_\-@]*)*$
|
|---|---|
| 匹配 | http://www.sysrage.net | https://64.81.85.161/site/file.php?cow=moo's |ftp://user:pass@host.com:123 |
| 不匹配 | sysrage.net |
Windows 文件路径验证
| 正则表达式 |
^([a-zA-Z]\:|\\\\[^\/\\:*?"<>|]+\\[^\/\\:*?"<>|]+)(\\[^\/\\:*?"<>|]+)+(\.[^\/\\:*?"<>|]+)$
|
|---|---|
| 匹配 | c:\Test.txt | \\server\shared\Test.txt | \\server\shared\Test.t |
| 不匹配 | c:\Test | \\server\shared | \\server\shared\Test.? |
支持 localhost 的 URL 验证
| 正则表达式 |
^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\?\'\\\+&%\$#\=~_\-]+))*$
|
|---|---|
| 匹配 | http://site.com/dir/file.php?var=moo | https://localhost |ftp://user:pass@site.com:21/file/dir |
| 不匹配 | site.com | http://site.com/dir// |
Windows 盘符路径验证
| 正则表达式 |
^([a-zA-Z]\:)(\\[^\\/:*?<>"|]*(?<![ ]))*(\.[a-zA-Z]{2,6})$
|
|---|---|
| 匹配 | C:\di___r\fi_sysle.txt | c:\dir\filename.txt |
| 不匹配 | c:\dir\file?name.txt |
域名格式验证
| 正则表达式 |
^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$
|
|---|---|
| 匹配 | regexlib.com | this.is.a.museum | 3com.com |
| 不匹配 | notadomain-.com | helloworld.c | .oops.org |
带端口和路径的 URL 验证
| 正则表达式 |
^(((ht|f)tp(s?))\://)?(www.|[a-zA-Z].)[a-zA-Z0-9\-\.]+\.(com|edu|gov|mil|net|org|biz|info|name|museum|us|ca|uk)(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\;\?\'\\\+&%\$#\=~_\-]+))*$
|
|---|---|
| 匹配 | www.blah.com:8103 | www.blah.com/blah.asp?sort=ASC |www.blah.com/blah.htm#blah |
| 不匹配 | www.state.ga | http://www.jb51.ru |
通用 URL 提取正则
| 正则表达式 |
\b(([\w-]+://?|www[.])[^\s()<>]+(?:\([\w\d]+\)|([^[:punct:]\s]|/)))
|
|---|---|
| 匹配 | http://jb51.net/blah_blah | http://jb51.net/blah_blah/ | (Something like http://jb51.net/blah_blah) | http://jb51.net/blah_blah_(wikipedia) | (Something like http://jb51.net/blah_blah_(wikipedia)) | http://jb51.net/blah_blah. |http://jb51.net/blah_blah/. | <http://jb51.net/blah_blah> | <http://jb51.net/blah_blah/>| http://jb51.net/blah_blah, | http://www.example.com/wpstyle/?p=364. | http://?df.ws/123 | rdar://1234 | rdar:/1234 | http://userid:password@example.com:8080 |http://userid@example.com | http://userid@example.com:8080 |http://userid:password@example.com |
| 不匹配 | no_ws.example.com | no_proto_or_ws.com | /relative_resource.php |
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础：字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58