链接生成器JavaScript

我正在尝试使用JavaScript生成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>

函数lab（）{
var myTextField=document.getElementById（'redir'）；
var texto=myTextField.value；
url=“paracontinuar。”；
document.getElementById（“红色”）.innerHTML=url；
将
更改为
，以便浏览器确保只提交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;
    }

函数实验室（）{
var myTextField=document.getElementById（'redir'）；
var texto=myTextField.value；
url=“paracontinuar。”；
document.getElementById（“红色”）.innerHTML=url；
}



致：


函数实验室（）{
var myTextField=document.getElementById（'redir'）；
var texto=myTextField.value；
如果（texto！=''）
{
url=“paracontinuar。”；
document.getElementById（“红色”）.innerHTML=url；
}否则{
警报（“请输入有效的url”）；
}
}
1）使用onsubmit并返回false

2） 测试字段不为空
3） 如果您坚持重拨必须类似于
http://aaa.bbb.ccc

如果要允许用户键入
google.com
，则不需要使用
type=“url”
，但必须测试前面是否有http://如果没有，则添加它，否则它将转到基于表单页面的相对url



window.onload=function（）{
document.getElementById（“test”）.onsubmit=function（）{
var texto=this.redir.value；
if（texto）{
//下一行仅适用于不支持html5的浏览器或type=“text”
如果（texto.indexOf（'http://'）！=0）texto='http://'+texto；
document.getElementById（“红色”）.innerHTML=“Para continuar.”；
}
返回false；
}
}
网站：

链接
谢谢，我已经更新了！（0；逐步浏览代码，找出
myTextField.value
是什么。如果该值为空，您的链接将出现错误。Type=url本身不会做任何事情，然后只能在支持HTML5的浏览器中使用。谢谢！但是，问题是该链接不会将我删除，而是在本地主机上显示类似的内容！…所以我需要的是这个l墨水把我带到了网站上！谢谢！是的谢谢！事实上，这段代码工作得很完美，但是，问题是链接没有把我带出去，在本地主机上向我展示了一些东西！…所以我需要的是这个链接把我带到了网站上！谢谢！
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');
    }
}

<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>