宝哥软件园

使用jquery正则表达式验证页面上是否正确输入了url

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

本文介绍了在前台页面使用jQuery正则表达式验证url地址输入是否正确。代码如下:

!DOCTYPE html htmlheadscript type=' text/JavaScript ' src=' http :http://code . jquery.com/jquery-latest . js '/script script type=' text/JavaScript '/* * *前台页面验证url地址是否输入正确*/function postmement(){//验证url地址if ($ ('input [name=' URL']')。val()){ var str=$(' input[name=' URL ']')。val();//判断URL地址的正则表达式为:http(s)?/([ w-]。)[w-] (/[w-。/?%=]*)?//在以下代码中应用转义字符“”来输出字符“/”var Expression=/http(s)?//([w-] 。)[ w-](/[ w-]。/?%=]*)?/;var objExp=新的正则表达式(Expression);if(objExp.test(str)!=true){ alert ('URL格式不正确!请重新输入');返回false} else {alert('网址正确!');} } }/script/head dydiv class=' form-group ' input class=' form-URL ' type=' text ' placeholder='网站地址(可选)' name=' URL ' maxlength=' 50 '/input/Div input class=' btnbtn-primary ' type=' submit ' value=' submit ' name=' submit ' onclick=' return post comment()'//body/html如果随机输入URL,将显示:

输入正确的值,它将显示:

当然,使用https也应该正确设置,如图所示:

主要是在jquery代码中,增加了与url相关的正则表达式的验证。

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。

更多资讯
游戏推荐
更多+