首頁 >web前端 >js教程 >jquery怎麼樣判斷值是否是url位址

jquery怎麼樣判斷值是否是url位址

coldplay.xixi
coldplay.xixi原創
2020-11-20 11:11:182851瀏覽

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 = &#39;^((https|http|ftp|rtsp|mms)?://)?&#39;
            +&#39;(([0-9a-z_!~*().&=+$%-]+: )?[0-9a-z_!~*().&=+$%-]+@)?&#39; //ftp的user@
            +&#39;(([0-9]{1,3}.){3}[0-9]{1,3}|&#39;// IP形式的URL- 199.194.52.184
            +&#39;([0-9a-z_!~*()-]+.)*&#39;// 域名- www.
            +&#39;[a-z]{2,6})&#39;//域名的扩展名
            +&#39;(:[0-9]{1,4})?&#39;// 端口- :80
            +&#39;((/?)|(/[0-9a-z_!~*().;?:@&=+$,%#-]+)+/?)$&#39;;
        return new RegExp(strRegex).test(url);
    }
   // 输入框注册事件
    $(&#39;#url&#39;).change(function(){
        let res = checkUrl(this.value)
        console.log(this.value, res)
    })
</script>

相關免費學習推薦:JavaScript(影片)

#

以上是jquery怎麼樣判斷值是否是url位址的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn