HTML 登录无效

Question

我正在尝试让自己成为我网站的登录名，我已经测试过所提供的链接存在，并且重定向有效。我不知道为什么它不起作用！这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>login2</title>
    <meta charset="utf-8" />
</head>

<body>
    <input class="textBox" id="pass" type="password" maxlength="30" required/>
    <button type="button" onclick="a()">Login</button>
    <script>
        function a() {
            var i = document.getElementById('pass') if (i == "1234") {
                window.location = "in.html"
            } else {
                window.location =
                    "index.html"
            }

        }
        }
    </script>
</body>
</html>

我到处查看试图弄清楚为什么它不起作用。请帮助我！

Answer 1

试试改用这个脚本；替换整个脚本块；缺少一些分号。正如@dfsq 提到的，还有额外的}。正如@spencer 所说，您需要 .value 来获取密码文本。

<script>
    function a() {
        var i = document.getElementById('pass').value;
        if (i == "1234") {
            window.location = "in.html";
        } 
        else {
            window.location = "index.html";
        }
    }
</script>

请注意，我建议不要在客户端检查密码，因为它可以被客户端工具操纵。

Answer 2

<!DOCTYPE html>
<html lang="en">
<head>
    <title>login2</title>
    <meta charset="utf-8" />
    <script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="loginForm" method="post">
        <input class="textBox" id="pass" type="password" maxlength="30" required/>
        <input type="submit" name="submit" value="login">
    </form>
    <script>
        $('#loginForm').on('submit', function(e) {
            e.preventDefault();
            var i = $('#pass').val();
            if (i == "1234") {
                window.location = "in.html";
            } else {
                window.location = "index.html";
            }
        });
    </script>
</body>
</html>

HTML 登录无效

HTML login not working

javascript

html

login