jquery如何判断值是否是url地址?
思路:
1、创建一个输入框,使用jquery给它注册change事件;
2、创建一个函数checkUrl,传入一个url参数;
3、函数内编写一条检测url正确性的正则strRegex;
4、使用test()方法对url参数进行检测即可。
代码示例:(相关课程推荐:jQuery教程)
注:只写了重要的代码
<script src="./jquery.js"></script> <div id="app" > <input type="text" id="url" > </div> <script> // 本代码来自 https://blog.csdn.net/eddy23513/article/details/80194269 function checkUrl(url) { var strRegex = '^((https|http|ftp|rtsp|mms)?://)?' +'(([0-9a-z_!~*().&=+$%-]+: )?[0-9a-z_!~*().&=+$%-]+@)?' //ftp的user@ +'(([0-9]{1,3}.){3}[0-9]{1,3}|'// IP形式的URL- 199.194.52.184 +'([0-9a-z_!~*()-]+.)*'// 域名- www. +'[a-z]{2,6})'//域名的扩展名 +'(:[0-9]{1,4})?'// 端口- :80 +'((/?)|(/[0-9a-z_!~*().;?:@&=+$,%#-]+)+/?)$'; return new RegExp(strRegex).test(url); } // 输入框注册事件 $('#url').change(function(){ let res = checkUrl(this.value) console.log(this.value, res) }) </script>
测试:
© 著作权归作者所有
举报
发表评论
0/200