【JavaScript】利用正则表达式检查输入框输入的是否为网址

最新推荐文章于 2025-06-17 15:32:33 发布

原创

最新推荐文章于 2025-06-17 15:32:33 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

本文档提供了一个HTML示例，演示如何在JavaScript中使用正则表达式检查输入框内的文本是否符合URL格式。代码中定义了一个`CheckUrl`函数，该函数获取输入框的值并应用正则表达式进行验证。如果输入的URL不以'http://'或'https://'开头，或者不符合URL结构，将弹出警告；否则，显示确认消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【JavaScript】利用正则表达式检查输入框输入的是否为网址

这个功能在网页中也是很常见的，友情链接部分、表单填写个人主页的时候，使用JavaScript取验证是否为网址。

这个检验不好写，最好还是使用正则表达式去认证。

规定，输入的东西只能是http://与https://开头，而且必须是网址。

有人说，为何像www.1.com这样的网页不行呢？

这是以免你拿用户输入的东西构造超级链接的时候，a标签中的href属性如果遇不到http://或者https://的东西，那么就会认为是根目录，会在你的网站的网址后面接着写入这个地址再跳转，这个大家应该知道。比如<a href="www.1.com">xxx</a>，我的网址是http://localhost，那么点击这个显示为xxx的a标签之后，则只是跳到http://localhost/www.1.com这个位置，当然不对了。

比如如下的文本框，如何利用正则表达式做到要求用户输入的必须是http://与https://开头的网址呢？

1、首先是一个简单的布局，这个不用说了：

[html]view plaincopy 
     
 <!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>    