ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで値がURLアドレスであるかどうかを判断する方法

jqueryで値がURLアドレスであるかどうかを判断する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-20 11:11:182808ブラウズ

値が URL アドレスであるかどうかを判断する Jquery の方法: まず入力ボックスを作成し、jquery を使用してその変更イベントを登録します。次に関数 checkUrl を作成し、url パラメーターを渡します。その後、通常の関数内の strRegex を使用して URL の正しさを検出します。;最後に、テスト メソッドを使用して URL パラメーターを検出します。

jqueryで値がURLアドレスであるかどうかを判断する方法

値が URL アドレスであるかどうかを判断するための Jquery メソッド:

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。