Question

我需要有一个验证的登录表单，登录后页面需要重定向到html页面。我还需要在用户名和密码中进行硬编码，因此只有使用正确的用户名/密码才能重定向页面。如果它没有正确的用户/通行证，那么我需要一个警报。

我尝试了很多变种，但我知道我遗漏了一些东西或者使用了错误的代码。请帮忙！：）谢谢！到目前为止这是我的代码。

JS：

function validateForm() {
    'use strict';

    // Get references to the form elements:
    var email = document.getElementById('email');
    var password = document.getElementById('password');

    // Validate the login
    if ((email.value.length > 0) && (password.value.length > 0)) {
        return true;
    } else {
        alert('Please complete the form!');
        return false;
    }
}

function check(form) {

    var emailArray = ("myemail@live.com", "");
    var passwordArray = ("MyLogIn", "");

    if (email.value == "email" && password.value == "password") {
        window.open('myaccount.html');
    } else {
        alert('Please enter correct username or password!');
        return false;
    }   
}

function init() {
    'use strict';

    // Confirm that document.getElementById() can be used:
    if (document && document.getElementById) {
        var loginForm = document.getElementById('lgform');
        loginForm.onsubmit = validateForm;
    }
}
window.onload = init;

HTML：

<form action="" method="post" id="lgform">
    <fieldset>
        <legend>Login</legend>
        <div>
            <label for="email">Email Address</label>
            <input type="email" name="email" id="email" required>
        </div>
        <div>
            <label for="password">Password</label>
            <input type="password" name="password" id="password" required>
        </div>
        <div>
            <label for="submit"></label>
            <input type="submit" value="Login" id="submit">
        </div>
    </fieldset>
</form>

Answer 1

硬编码用户名和密码客户端是非常危险的 - 不要这样做。

为了简单地重定向您：

window.location = "http://www.google.com/"

但是我非常怀疑你指导的页面是否安全，是否可以通过网址直接访问而不通过身份验证？

如何在成功登录后使用javascript重定向到另一个页面？

1 个答案: