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

2020-11-20 12:01:42

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地址的詳細內容,更多請關注TW511.COM其它相關文章!