jquery에서 값이 URL 주소인지 확인하는 방법

jquery가 값이 URL 주소인지 확인하는 방법: 먼저 입력 상자를 만들고 jquery를 사용하여 이에 대한 변경 이벤트를 등록한 다음 checkUrl 함수를 만들고 url 매개변수를 전달한 다음 함수에 일반 strRegex를 작성합니다. URL의 정확성을 감지하고 마지막으로 테스트 방법을 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!