[자바스크립트] javascript url 정규식, 유효성 검사

url을 체크하는 자바스크립트 함수입니다.
return을  true / false로 반환하고 있습니다.

url 체크 로직을 통해서 다양하게 응용하시면 됩니다.
아래 예제를 통해서 확인하실 수 있습니다.

 

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
function isValidURL(url){
	var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

	if(RegExp.test(url)){
		return true;
	}else{
		return false;
	}
}
function urlChk(){
	var url = $("#url").val();
	var str = "";
	if(!isValidURL(url)){
		str = "url을 정확히 입력해주세요.";
		$("#result").html(str);	
	}else{
		str = "올바른 url 입니다.";
		$("#result").html(str);	
	}

}
</script>
<input type="text" id="url" name="url" placeholder="예) http://abc.com"/>
<button type="button" onclick="urlChk();">체크</button>
<div id="result"></div>

 

 

url 입력 후 체크 버튼으로 확인 가능 하십니다.