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

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

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

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

有人说,为何像

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

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

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

rush:xhtml;"> 无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档 网址必须以http://或者https://开头,且必须是个网址^_^!

2、其次是脚本,其实也不用说了,关键是那条正则表达式:

rush:js;">

在:之中, 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、$表示必须以大写字母、小写字母、数字、减号-、~、/结尾

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...