링크 생성기 자바 스크립트

Question

자바 스크립트를 사용하여 HTML 링크를 생성하려하고 있습니다.

다음은 코드입니다.

<script type="text/javascript"> 
    function lab() {  
      var myTextField = document.getElementById('redir'); 
      var texto = myTextField.value; 
      url = "<a target='_blank' href='" + texto + "'>Click</a> Para continuar."; 
      document.getElementById("red").innerHTML = url; 
</script>  

<form name="test" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> 
Web: <input type="text" id ="redir" name="redir"><br> 
<input type="button" onClick="lab()" value="Generate code" > 

<b id="red" >Link</b> 

문제는 내가 잘 생성 된 링크 나던 작업을 클릭하면 바로 로컬 호스트에 데려다/그리고 난 밖으로 가고 싶어 ....

Answer 1

1 onsubmit 사용하고 반환 3) 유일한 유형을 사용 = redir가 뭔가 같아야한다고 주장하는 경우 URL을 http://aaa.bbb.ccc

사용자가 google.com을 입력 할 수있게하려면 type="url"을 사용하지 않아야하지만 http : //가 앞에 있는지 테스트해야합니다. 그렇지 않은 경우 추가해야합니다. 그렇지 않은 경우 추가해야합니다. 그렇지 않으면 해당 URL을 기반으로 상대 URL로 이동합니다. 형태와 페이지

Live Demo

<script> 
window.onload=function() { 
    document.getElementById("test").onsubmit=function() { 
    var texto = this.redir.value; 
    if (texto) { 
     // next line only needed for non-html5 aware browsers or type="text" 
     if (texto.indexOf('http://')!=0) texto = 'http://'+texto; 
     document.getElementById("red").innerHTML = "<a target='_blank' href='" + texto + "'>Click</a> Para continuar."; 
    } 
    return false; 
    } 
} 
</script>  

<form id="test"> 
Web: <input type="url" id="redir" name="redir"/><br /> 
<input type="submit" value="Generate code"/> 
</form> 
<b id="red" >Link</b> 

Answer 2

변화 <input type="text" id ="redir" name="redir">을 <input type="url" id ="redir" name="redir">에 그래서입니다 ... 브라우저는 URL 만 제출하도록합니다.

function lab() {  
     var myTextField = document.getElementById('redir'); 
     var texto = myTextField.value; 
     url = "<a target='_blank' href='" + texto + "'>Click</a> Para continuar."; 
     document.getElementById("red").innerHTML = url; 
    } 

에 :
그런 다음 수정 거짓
2) 필드가 비어 있지 테스트)

function lab() {  
    var myTextField = document.getElementById('redir'); 
    var texto = myTextField.value; 
    if(texto != '') 
    { 
     url = "<a target='_blank' href='" + texto + "'>Click</a> Para continuar."; 
     document.getElementById("red").innerHTML = url; 
    } else { 
     alert(' please enter a valid url'); 
    } 
}