• 技术文章 >web前端 >js教程

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

    coldplay.xixicoldplay.xixi2020-11-20 11:11:18原创41

    jquery判断值是否是url地址的方法:首先创建输入框,使用jquery给它注册change事件;然后创建函数checkUrl,传入url参数;接着函数内编写检测url正确性的正则strRegex;最后使用test方法对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地址的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery url地址
    上一篇:jQuery JavaScript ajax区别是什么 下一篇:jquery on()怎么用
    第14期线上培训班

    相关文章推荐

    • jQuery操作url地址(附代码)• 织梦怎么获取当前文档静态URL地址和动态URL地址• dedecms怎么获取当前文档url地址• 如何用PHP获取当前页面完整URL地址

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网