Heim > Web-Frontend > js-Tutorial > So ermitteln Sie, ob der Wert eine URL-Adresse in jquery ist

So ermitteln Sie, ob der Wert eine URL-Adresse in jquery ist

coldplay.xixi
Freigeben: 2020-11-20 11:11:18
Original
2855 Leute haben es durchsucht

So ermittelt jquery, ob es sich bei dem Wert um eine URL-Adresse handelt: Erstellen Sie zuerst ein Eingabefeld und registrieren Sie mit jquery ein Änderungsereignis. Erstellen Sie dann eine Funktion checkUrl und übergeben Sie dann einen regulären strRegex in die Funktion Ermitteln Sie die Richtigkeit der URL. Verwenden Sie schließlich die Testmethode, um URL-Parameter zu ermitteln.

So ermitteln Sie, ob der Wert eine URL-Adresse in jquery ist

So ermittelt JQuery, ob der Wert eine URL-Adresse ist:

Verwenden Sie die Methode test(), um die URL-Parameter zu erkennen.

Hinweis: Es wird nur wichtiger Code geschrieben

<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>
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: JavaScript (Video)

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob der Wert eine URL-Adresse in jquery ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage