js表单登录验证并跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Form</title>
    <script>
        function validateForm() {
            var username = document.forms["loginForm"]["username"].value;
            var password = document.forms["loginForm"]["password"].value;

            if (username == "" || password == "") {
                alert("Username and password must be filled out");
                return false;
            }

            // 假设用户名为 "admin"，密码为 "password"
            if (username === "admin" && password === "password") {
                window.location.href = "dashboard.html"; // 验证通过后跳转到 dashboard.html
                return true;
            } else {
                alert("Invalid username or password");
                return false;
            }
        }
    </script>
</head>
<body>
    <form name="loginForm" onsubmit="return validateForm()">
        Username: <input type="text" name="username"><br><br>
        Password: <input type="password" name="password"><br><br>
        <input type="submit" value="Login">
    </form>
</body>
</html>