如何用JS校验HTTP和HTTPS地址

这篇具有很好参考价值的文章主要介绍了如何用JS校验HTTP和HTTPS地址。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如何用JS校验HTTP和HTTPS地址

当我们需要验证用户输入的网址时,经常需要校验是否为合法的HTTP或HTTPS地址。下面是一些JS代码,可以用来验证HTTP和HTTPS地址。

验证HTTP地址

function isValidHttpUrl(string) {
  let url;
  try {
    url = new URL(string);
  } catch (_) {
    return false;
  }
  return url.protocol === "http:" || url.protocol === "https:";
}

使用该函数来检查HTTP地址是否有效:

isValidHttpUrl("<http://example.com>"); // true
isValidHttpUrl("<https://example.com>"); // true
isValidHttpUrl("<ftp://example.com>"); // false

验证HTTPS地址

function isValidHttpsUrl(string) {
  let url;
  try {
    url = new URL(string);
  } catch (_) {
    return false;
  }
  return url.protocol === "https:";
}

使用该函数来检查HTTPS地址是否有效:

isValidHttpsUrl("<https://example.com>"); // true
isValidHttpsUrl("<http://example.com>"); // false
isValidHttpsUrl("<ftp://example.com>"); // false

以上JS代码可以很方便地验证HTTP和HTTPS地址的有效性。希望对你有所帮助。文章来源地址https://www.toymoban.com/news/detail-727631.html

到了这里,关于如何用JS校验HTTP和HTTPS地址的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JavaScript】案例1:使用JS完成注册页面校验

    🔎这里是【JavaScript】,关注我学习前端不迷路 👍如果对你有帮助,给博主一个免费的点赞以示鼓励 欢迎各位🔎点赞👍评论收藏⭐️ 【JavaScript】 目前主要更新JavaScript,一起学习一起进步。 本期主要介绍案例1:使用JS完成注册页面校验 1. 需求说明 2. 知识讲解-JavaScript(

    2024年02月06日
    浏览(47)
  • 简单区分网页地址中http://和https://的区别

    HTTP(HyperText Transfer Protocol)HTTPS(HyperText Transfer Protocol Secure)是两种用于传输数据的协议,它们有以下主要区别: 首先从大的方面来讲: http:超文本传输协议,是一种不安全的协议,对数据不提供任何形式的加密。数据在传输过程中以明文形式发送,容易被中间人窃听和篡

    2024年02月11日
    浏览(35)
  • 网页地址中http和https的区别全解析

    httsp是什么意思?yii666在前面用了一篇文章有介绍过,用户可以去看看这篇文章,因为今天yii666所要讲解是http和https有哪些区别?如果你对http和https两个词的定义很模糊的话,那么就比较难理解它们之间的区别。下面我们就进入正题 http和https的区别全解析 ?具体内容如下:

    2024年02月05日
    浏览(33)
  • 前端问题:如何使网页中的http地址自动升级为https地址

    我一个搞后端开发的天天捣鼓前端的事,会不会被各位同僚念叨,哈哈。项目上的需求,需要把现在的https地址转换成http的地址,然而修改了nginx配置,摘除了证书,访问的所有静态文件依然是https,捣鼓了好半天,终于搞明白了原理,反其道而行,就有了这篇文章。 当我们

    2024年02月14日
    浏览(41)
  • JS-27 前端数据请求方式;HTTP协议的解析;JavaScript XHR、Fetch的数据请求与响应函数;前端文件上传XHR、Fetch;安装浏览器插件FeHelper

    早期的网页都是通过后端渲染来完成的,即服务器端渲染(SSR,server side render): 客户端发出请求 - 服务端接收请求并返回相应HTML文档 - 页面刷新,客户端加载新的HTML文档; 服务器端渲染的缺点: 当用户点击页面中的某个按钮向服务器发送请求时,页面本质上只是一些数

    2024年02月16日
    浏览(68)
  • 大型网站入口地址http到https的跳转方案

    首次输入 响应 目标 http://www.qq.com 301 Moved Permanently https://www.qq.com http://www.163.com 301 Moved Permanently https://www.163.com http://www.sohu.com 302 Found https://www.sohu.com http://www.sina.com.cn 302 Found https://www.sina.com.cn http://www.baidu.com 307 Internal Redirect https://www.baidu.com http://www.taobao.com 307 Internal Redir

    2024年02月05日
    浏览(42)
  • 使用正则验证Url地址是否以http:// 或 https:// 开头

    使用 Java 正则表达式 (Regular Expressions) 来验证一个 URL 地址是否以 \\\"http://\\\" 或者 \\\"https://\\\" 开头。示例代码如下: 在上述代码中,我们使用了正则表达式的 ^https?://.*$ 部分来进行匹配,其中: ^ 表示字符串起始位置 http 表示匹配 \\\"http\\\" 字符串 s? 表示 \\\"s\\\" 字符可有可无 :// 表示匹配

    2024年02月15日
    浏览(39)
  • Python之JavaScript逆向系列——1、URL——http与https

    目录 Python之JavaScript逆向系列——1、URL——http与https 前言 环境准备 正文 http与https的协议是什么? http与https的访问端口号区别 在js逆向中http与https访问的区别 大家好,本系列文章主要为大家提供的价值方向是网络信息获取,自动化的提取、收集、下载和记录互联网上的信息

    2024年02月03日
    浏览(34)
  • 谷歌浏览器输入地址后http自动转https解决方法

    谷歌浏览器输入“http+域名”后自动变成“https +域名”格式原因:安装配置了 SSL证书,浏览器开启了HSTS (HTTP Strict Transport Security)功能,然后浏览器只能通过https协议访问,禁止使用 http协议访问,所以浏览器中输入http后自动转成了 https。 解决方法有三种: 1、第一种方法:

    2024年02月08日
    浏览(56)
  • 谷歌浏览器输入url地址后http自动转https问题解决方法

    谷歌浏览器输入“http + 域名”后自动变成 “https + 域名” 格式原因 安装配置了 SSL证书后,浏览器开启了 HSTS(HTTP Strict Transport Security)功能,它会告诉浏览器只能通过 https 访问,绝对禁止 http 方式,所以浏览器中输入http 后自动转成了 https 解决方法: 1、进入“chrome://net

    2024年02月11日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包