本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery判断值是否是url地址的方法:首先创建输入框,使用jquery给它注册change事件;然后创建函数checkUrl,传入url参数;接着函数内编写检测url正确性的正则strRegex;最后使用test方法对url参数检测。

jquery判断值是否是url地址的方法:
使用test()方法对url参数进行检测即可。
注:只写了重要的代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <script src= "./jquery.js" ></script>
<div id= "app" >
<input type= "text" id= "url" >
</div>
<script>
function checkUrl(url) {
var strRegex = '^((https|http|ftp|rtsp|mms)?://)?'
+ '(([0-9a-z_!~*().&=+$%-]+: )?[0-9a-z_!~*().&=+$%-]+@)?'
+ '(([0-9]{1,3}.){3}[0-9]{1,3}|'
+ '([0-9a-z_!~*()-]+.)*'
+ '[a-z]{2,6})'
+ '(:[0-9]{1,4})?'
+ '((/?)|(/[0-9a-z_!~*().;?:@&=+$,%#-]+)+/?)$' ;
return new RegExp(strRegex).test(url);
}
$( '#url' ).change( function (){
let res = checkUrl(this.value)
console.log(this.value, res)
})
</script>
|
相关免费学习推荐:JavaScript(视频)
以上就是jquery怎么样判断值是否是url地址的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery和javascript的区别有哪些
jQuery的插件有哪些
jQuery如何动态添加删除css样式?(代码示例)
jQuery和document获取html元素的区别是什么?
jQuery的语法结构有哪些
jQuery怎么遍历list集合
如何删除css样式
jQuery如何选择以特定字符开头的id元素
jQuery如何判断星期几
怎么用jQuery做图片轮播
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么样判断值是否是url地址