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

Question

我正在尝试在我的网站上创建一个私有(private)页面，您需要代码才能进入该页面，但我的脚本无法正常工作。我试图做到这一点，一旦您输入代码，它就会进入新页面，如果您输入错误，它会显示“不正确”。我尝试了这个脚本，但有些东西不起作用。

		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!');
        }
    }