我的页面不会使用 function 重定向到 url

Question

So I have a project, which needs to have a sample login page, using this it was working but now it is not opening the url in the If statement

function validate() {
    var usern = document.getElementById("userIn").value;
    var passw = document.getElementById("passIn").value;
    var position = -1;

    var usernArray = ["User1", "User2"];
    var passwArray = ["Pass1", "Pass2"];

    for (var i=0; i <usernArray.length; i++) {
        if ((usern == usernArray[i]) && (passw == passwArray[i])) {
            position = i;
            break;
        }
    }

    if (position != -1) 
    {
        alert("Login Was Successful!, You are being redirected to the homepage");
        window.location.href = 'home.html';
    }
    else 
    {
        alert("Invalid Username and/or Password! Please try again.")
    }
}

Answer 1

Could you try this window.location.href=/home.html so it is relative to the current domain. Or you could try the window.location.replace instead of href.

Answer 2

You can solve this by adding to the button on your form the attribute: type="button"

<button type="button" onclick="validate()">Login</button>

and your code will work perfectly, but notice that you need to consider the form being submitted also (by pressing Enter button on keyboard). Maybe try changing your code to this:

<script>
    $('#form').on('submit', function(e) {
        var usern = document.getElementById("userIn").value;
        var passw = document.getElementById("passIn").value;
        var position = -1;

        var usernArray = ["User1", "User2"];
        var passwArray = ["Pass1", "Pass2"];

        for (var i=0; i <usernArray.length; i++) {
            if ((usern == usernArray[i]) && (passw == passwArray[i])) {
                position = i;
                break;
            }
        }

        if (position != -1)
        {
            alert("Login Was Successful!, You are being redirected to the homepage");
            window.location.href = 'home.html';
        }
        else
        {
            alert("Invalid Username and/or Password! Please try again.")
        }

        e.preventDefault();
        return false;
    });
</script>

and set the type attribute to your button to submit