欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery怎么样判断值是否是url地址

程序员文章站 2022-03-07 11:57:48
...

jquery判断值是否是url地址的方法:首先创建输入框,使用jquery给它注册change事件;然后创建函数checkUrl,传入url参数;接着函数内编写检测url正确性的正则strRegex;最后使用test方法对url参数检测。

jquery怎么样判断值是否是url地址

jquery判断值是否是url地址的方法:

使用test()方法对url参数进行检测即可。

注:只写了重要的代码

<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>

相关免费学习推荐:JavaScript(视频)

以上就是jquery怎么样判断值是否是url地址的详细内容,更多请关注其它相关文章!

相关标签: jquery url地址