如何使用文本框在JavaScript中打开新页面

Question

我正在尝试在我的网站上创建一个私人页面，您需要输入密码，但是我的脚本无法正常工作。 我正在尝试这样做，以便一旦您键入代码，它就会进入新页面，如果您键入错误，它会显示“不正确”。 我尝试了此脚本，但某些方法不起作用。

  var Username = document.forms['Form']['Username'].value; function openPage(){ if((Username === "Design Castle Private")||(Password === "test")) { window.location.href = "http://design-castle.co.nf/PrivateSubmitted.html"; } else{ alert('Information Incorrect!') } } 

  <form method="post" name="Form" onsubmit="return openPage()"> <h4>Company Code:</h4><input type="text" id="Username"> <input type="submit" value="submit"> </form> 

Answer 1

我希望这会有所帮助（这次是在纯js中）。 它应该可以为您提供所需的行为，但是正如其他帖子所述，这是非常不安全的。 我还从表单中删除了该方法，并在您的输入元素中添加了一个id。 一旦有了密码输入元素，您也可以像以前一样将其放入条件中，但同样不理想。 试试看！ :)

<form name="Form" onsubmit="openPage(event)">
    <h4>Company Code:</h4>
    <input type="text" id="username" value="">
    <input type="submit" value="submit">
</form>

function openPage(event){
    var username = document.getElementById('username').value;

    if(username === "Design Castle Private"){
        event.preventDefault();
        window.location.href = "http://design-castle.co.nf/PrivateSubmitted.html";
        } else{
            alert('Information Incorrect!');
        }
    }