>  기사  >  웹 프론트엔드  >  jquery에서 값이 URL 주소인지 확인하는 방법

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

coldplay.xixi
coldplay.xixi원래의
2020-11-20 11:11:182820검색

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