javascript - 窗口位置 = "location.html";

Question

本质上，我试图让我的网页在成功登录后重定向。我已经成功登录，之后它不会重定向到新页面。它刷新当前所在的页面。

我用来接受用户输入的表单。

<!-- Login Details -->
  <form name = "loginForm" onsubmit = "validate(this);">
    <p> 
        <label for = "username"> Username: </label> 
        <input type = "text" id = "username" name = "user"/> 
    </p>

    <p> <label for = "password"> Password: </label> 
        <input type = "password" id = "password" name = "pass" required/>
    </p>

    <p class = "submit"> 
        <input type = "submit" value = "Submit"/> 
    </p>
</form>

现在介绍 JavaScript 方面；

var user = form.user.value;
var pass = form.pass.value;
var valid = false;

var userArray = ["admin", "kevin", "mark", "paul", "conor"];        // ("admin1", "admin2", "admin3") As many as you like - no comma after final entry.
var passArray = ["pass", "pass1", "pass2", "pass3", "pass4"];   // ("Password1", "Password2", "Password3") the corresponding passwords;

for (var i = 0; i < userArray.length; i++) 
{
    if ((user == userArray[i]) && (pass == passArray[i])) 
    {
        valid = true;
        //alert("Login was successful");
        break;
    }
}

if (valid == true)
{
    alert ("Login was successful");
    window.location = 'mainmenu.html';
    return false;
}

我已经通过使用双引号和单引号尝试了新位置。两者都不起作用。感谢您的帮助:)

Answer 1

您正在提交表单。您尚未指定操作，因此它会提交到当前页面。这发生在 location 分配生效之前。

使用您当前的方法，要修复它，请从 onsubmit 中返回 false(即调用 validate 的函数) )因此表单提交的正常行为被取消。

<小时/>

也就是说:

• 将所有身份验证信息放在客户端上是完全不安全的，您绝对不应该这样做。
• 像 onsubmit 这样的内在事件属性是我们在 90 年代进行 JS 事件绑定(bind)的方式。我们现在有addEventListener (另见preventDefault)。