js利用正则表达式检验输入内容是否为网址

最新推荐文章于 2024-07-03 19:55:00 发布

置顶恰克与飞鸟.

最新推荐文章于 2024-07-03 19:55:00 发布

阅读量1.2w

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/linton1/article/details/81535548

版权

JavaScript 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
 
<body>
网址必须以http://或者https://开头，且必须是个网址^_^！<br />
<input type="text" id="url" />
<button onclick="CheckUrl()">确定</button>
</body>
</html>

JS代码

<script>
function CheckUrl(){
 var url=document.getElementById("url").value;
 var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;
 if(!reg.test(url)){
 alert("这网址不是以http://https://开头，或者不是网址！");
 }
 else{
 alert("输入成功");
 }
}
</script>

在： var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;之中，
1、Javascript之中，由于所有变量都是var，因此正则表达式必须写在两个斜杠之中，/.../，然后正则表达式里面的斜杠/必须写成\/
2、^表示必须以……开头，[]表示一个检验单位，也就是某个字符可以容纳的东西，比如^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)，就是要求以http://或者https://开头的意思。|是或者，第一个字符是h或者H，第二、三个字符是[tT]，{2}是包括这个字符与其后面的1个字符都必须为[tT]的意思，之后以此类推
3、([A-Za-z0-9-~]+)表示，包括这个字符及其随后的字符都必须大写字母、小写字母、数字、减号-或者是~
字符+的意思是：匹配+号前面的字符1次或n次，例如：/a+/匹配"candy"中的'a'和"caaaaaaandy"中的所有'a'.
4、因此(([A-Za-z0-9-~]+)\.)+则表示XXX.这个以点结尾的东西，必须在([A-Za-z0-9-~\/])+$这个字符前面出现至少1次
5、$表示必须以大写字母、小写字母、数字、减号-、~、/结尾

var reg = /^((https|http|ftp|rtsp|mms){0,1}(:\/\/){0,1})www\.(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;

这个正则表达式可以不加http/https前缀