时间戳

首页 > 解决方案 > 将用户输入与登录按钮链接

javascript - 将用户输入与登录按钮链接

问题描述

我想创建一种登录页面。根据用户的输入链接到href。

所以我有一个文本输入部分和一个登录按钮。然后它应该根据文本输入进入网站。

示例：用户填写 1234 并点击登录按钮，然后打开网站：example.com/1234。

我试过了，但我不能让它工作。

<input type=text id='token' name="token"/>
<input type=button name=login value="login" onClick=changeQuery()/>

changeQuery(){
    var input_query=document.getElementById('sq').value;
    window.location="http://www.google.com/"+input_query+"myString";
}

标签： javascriptwordpress

解决方案

你的代码有很多问题...

  • HTML 属性应该用引号引起来（所以更改onclick=changeQuery()为onclick="changeQuery()"）
  • 您的函数不是以关键字开头function
  • 您的文本框控件的 id 为... 所以在您的示例中，token没有sq找到getElementById

而且我不确定您为什么要在 URL 末尾添加“MyString”，但这可能是您预期代码的一部分

结果应该是这样的......

function changeQuery(){
    var input_query = document.getElementById('token').value;
    //window.location = "http://www.google.com/" + input_query + "myString";
    console.log("http://www.google.com/" + input_query + "myString");
}
<input type="text" id="token" name="token"/>
<input type="button" name="login" value="login" onClick="changeQuery()"/>

（请注意，我已经注释掉了window.location，而是放了一个console.log，这样您就可以看到生成的内容，而无需实际导航到另一个页面）

推荐阅读