jquery判斷值是否是url地址的方法

小編給大家分享一下jquery判斷值是否是url地址的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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>

以上是jquery判斷值是否是url地址的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！