자바 스크립트로 사용자 입력 URL 유효성 확인

Question

URL을 입력하는 양식이있어서 JavaScript가있는 URL인지 확인해야합니다.

Firefox의 콘솔은 코드에 오류를 나타내지 않고 (디버거에도 아무 것도 표시하지 않지만) 실행되지 않습니다.

는 또한 검증 아무것도하지만

document.getElementById("link").addEventListener("click", linkfuction, false); 
 

 
function linkfuction() { 
 
    var link = document.getElementById("general-link").value; 
 

 
    document.getElementById("1").innerhtml = "link"; 
 

 
    function ValidURL(link) { 
 
    var regex = /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; 
 
    if (!regex.test(link)) { 
 
     document.getElementById("1").innerhtml = "Enter a valid url"; 
 
     return false; 
 
    } else { 
 
     return true; 
 
    } 
 
    } 
 

 
}

<div style="padding-bottom: 1rem;"> 
 
    <form><input type="text" id="general-link"><input type="button" id="link" value="Download"></form> 
 
</div> 
 
<div style="font-size: 1.5rem"> 
 
    <p id="1"></p> 
 
</div>

Answer 1

당신은 당신의 ValidURL 함수를 호출되지 않고 입력을 표시하기 위해 시도했습니다. 또한 입력 한 innerhtml은 innerHTML이어야합니다.

작동 예제는 스 니펫을 참조하십시오.

document.getElementById("link").addEventListener("click", linkfuction, false); 
 

 
function linkfuction(){ 
 
var link = document.getElementById("general-link").value; 
 

 
document.getElementById("1").innerHTML = "link"; 
 

 
var isValid = ValidURL(link) 
 

 
alert(isValid); 
 

 
} 
 

 
function ValidURL(link) { 
 
    var regex = /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; 
 
    if(!regex.test(link)) { 
 
     document.getElementById("1").innerHTML = "Enter a valid url"; 
 
     return false; 
 
    } else { 
 
     return true; 
 
    } 
 
}

<div style="padding-bottom: 1rem;"> 
 
    <form> 
 
    <input type="text" id="general-link"> 
 
    <input type= "button" id="link" value="Download"> 
 
    </form> 
 
</div> 
 

 
<div style="font-size: 1.5rem"> 
 
    <p id="1"></p> 
 
</div>