本文摘自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回车登录效果
通过jQuery怎么移除点击事件
jQuery判断值是否相等
如何使用jQuery向select选项框中添加新选项
jQuery如何查找指定元素的父类
jQuery如何显示和隐藏元素
jQuery中怎么跳转页面
jQuery如何判断元素是否有某个属性
jQuery怎么判断对象是否获取焦点
jQuery表示什么?
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么样判断值是否是url地址