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

时间:2017-01-20 20:11:37

标签: javascript

我正在尝试在我的网站上创建一个私有页面,您需要一个代码才能进入,但我的脚本无效。我试图这样做,以便一旦你键入代码它进入新的页面,如果你输入错误,它会说“不正确”。我尝试过这个脚本,但有些东西不起作用。

		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>

1 个答案:

答案 0 :(得分:1)

我希望这会有所帮助(这次是简单的js)。它应该给你想要的行为,但正如其他帖子所提到的,这是非常不安全的。我也从表单中删除了方法并将id放入input元素中。只要你有一个密码输入元素,你也可以像以前一样将它放入条件中,但同样它也不理想。试试看! :)

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