检验输入框是输入是否是链接

最新推荐文章于 2022-08-22 10:54:06 发布

靳小霞

最新推荐文章于 2022-08-22 10:54:06 发布

阅读量1.2k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/u012493556/article/details/52688452

版权

JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>检验输入框是输入是否是链接</title>
</head>
<body>
<input type="text" name="urllink" id="urllink">
<button id="check" onclick="checkurl()">测试</button>
</body>
<script type="text/javascript">
       function checkurl(){
    var urllink=document.getElementById("urllink").value;  
      var reg=/^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?$/;
      if(!reg.test(urllink)){
         alert('输入正确的链接');
      }else{
         alert(urllink);
      }
  }
</script>
</html>