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

最新推荐文章于 2023-08-04 09:35:28 发布
最新推荐文章于 2023-08-04 09:35:28 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hello_katty/article/details/45056149
版权

【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 plain copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
  2. <html xmlns="http://www.w3.org/1999/xhtml">    
  3. <head>
最低0.47元/天 解锁文章
hello_katty
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
用javascript正则表达式验证网址格式是否正确
岁寒松柏
08-04 408
用JavaScript的正则表达式验证网址格式是否正确,方法很多,这只是一个实现的方法. 代码如下: &lt;script type="text/javascript"&gt; function IsUrl(str){ var regUrl = /(http\:\/\/)?([\w.]+)(\/[\w- \.\/\?%&amp;=]*)?/gi; var result ...
JS使用正则表达式判断输入框失去焦点事件
10-16
在本例中，我们关注的是如何利用正则表达式和JavaScript事件处理来验证用户在输入框中输入的数据，特别是在输入框失去焦点（`onfocusout`事件）时进行验证。以下是关于这个话题的详细讨论： 1. **失去焦点事件**： ...
Js检测判断URL网址输入是否正确
10-28
JavaScript检测判断用户输入的URL是否正确，简单的正则规则，很准确的判断URL的合法性，值得借鉴。
正则校验是否为网址
weixin_45289656的博客
11-10 1487
function IsURL(strUrl) { var regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/
检验输入框是输入是否是链接
夏小沫学习之路
09-28 1266
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>检验输入框是输入是否是链接</title> </head> <body> <input type="text" name="urllink" id="urllink"> <button id="check" onclick="checkurl()">测试</butt
js用正则表达式控制价格输入实现代码
10-28
3. 使用`test()`方法检查用户输入的值是否符合正则表达式的规则。如果符合，将该值存储在`record.num`对象中，作为有效输入的记录。 4. 如果用户输入的值不符合正则表达式，函数会将输入框的值设置回之前记录的有效...
JS基于正则表达式实现的密码强度验证功能示例
10-19
}}</script></body>在JavaScript中，正则表达式是一种强大的文本处理工具，常用于字符串的匹配、查找、替换等操作。在这个示例中，我们利用正则表达式来实现一个密码强度验证的功能，旨在帮助用户创建更安全的密码...
javascript正则表达式使用replace()替换手机号的方法
12-25
本文实例讲述了javascript正则表达式使用replace()替换手机号的方法。分享给大家供大家参考。 具体实现方法如下： 代码如下: <html> <head> <title>javascript正则表达式使用replace()替换手机号...
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
11-29
本文实例讲述了JavaScript控制输入框中只能输入中文、数字和英文的方法。分享给大家供大家参考，具体如下： 1、问题背景： 遇到这样一个问题：有一个输入框，要求只能输入中文、数字和英文（即过滤特殊字符串） 2、...
判断是否是网址的正则表达式
weixin_42581846的博客
01-13 997
用于判断是否是网址的正则表达式可以是这样的: ^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$ 说明： ^ 匹配字符串的开头 (https?:\/\/)? 匹配 http 或 https 开头，可有可无 ([\da-z\.-]+) 匹配域名，如 www, google 等 \.([a-z\.]{2,6}) 匹配域名后缀...
JavaScript 中正则表达式验证 URL 网址合法性，亲测有效
热门推荐
青颜的天空的博客
05-08 1万+
项目中经常会用到表单验证中对url的校验，js中可以直接用new URL(xxx)校验， function url(control: FormControl) { const input = control.value, e = {invalidUrl: true} try { // tslint:disable-next-line: no-unused-expression new URL(input) } catch (err) { return e } } 但
js 判断是否为自己网站网址、强制跳转某网址
林中明月间丶
12-19 1377
<script type="text/javascript"> if (document.domain != 'xxxx.com' && document.domain != 'www.xxxx.com'){ window.location.href='http://www.xxxxx.com/'; } ...
js正则表达式判断非负数和是否为网址
jchcs_的博客
08-20 486
var self = this; var reg =/^[0-9]+?$/; if(!reg.test(self.px)){ self.px = ""; self.$alert("排序请输入非负整数！！！", '系统提示', { confirmButtonText: '确定', type: 'warning', }); return...
JavaScript 正则表达式 验证网址
mathew的专栏
05-08 1242
JavaScript 正则表达式 验证网址 function   IsUrl(str) { var   regUrl   =   /(http/:////)?([/w.]+)(//[/w-   /.///?%&=]*)?/gi; var   result   =   str.match(regUrl); if(result!=null)   {alert( "Yes ")}   else  
验证网址URL的正则表达式
MYOS的博客
06-29 1万+
“((http|https|ftp):(////|////)((/w)+[.]) {1，}(net|com|cn|org|cc|tv|[0-9]{1，3})(((//[/~]*|//[/~]*)(/w)+)|[.](/w)+)*(((([?](/w)+){1}[=]*))*((/w)+){1}([/&](/w)+[/=](/w)+)*)*)”(不含外侧中文引号)，解析:要判断字符串是否为网
【JavaScript】迅速确定url是网址
纠缠AI的亮子
03-05 791
如果只是需要判断url开头是不是http或https，则不要用正则表达式，直接字符串匹配是最迅速的： if (urlString.indexOf('http://') === 0 || urlString.indexOf('https://') === 0)
vue-输入框实时验证IP地址合法性并在下方进行提示
最新发布
weixin_63257279的博客
08-04 1715
调用handleInput()方法并定义一个参数，该方法会返回一个布尔值，表示IP地址的合法性。您可以在需要的地方调用该方法，例如在提交表单之前对输入的IP地址进行验证，或在用户输入时动态显示IP地址的合法性提示信息。在Vue组件中的IP地址输入框定义一个handleInput方法，该方法使用正则表达式对传入的IP地址进行验证。正则表达式中的规则可以匹配合法的IPv4地址。当输入框未填时或IP地址不合法时都将会报IP地址格式不正确。使用正则表达式对输入的IP地址进行合法性验证。
验证输入的网址是否正确的正则
szl199107101035的博客
09-28 8860
function checkUrl(urlString){ if(urlString!=""){ var reg=/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/; if(!reg.test(urlString)){ alert("不是正确的网址吧，请注意检查一下");
用js写个正则表达式 校验输入框只能输入正整数
04-09
可以使用以下正则表达式来校验输入框只能输入正整数： ```javascript var reg = /^[1-9]\d*$/; ``` 上面的正则表达式表示输入以数字1-9开头，可以有0个或多个数字，即为正整数。 使用示例： ```javascript var ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值