Question

为什么我会收到“无法找到为 null 的属性‘值’”错误？

2020-06-14

129

javascript html

我的 JavaScript 代码第 2 行出现“无法找到 null 的属性‘值’”错误。无论我是否在文本框中输入字符串，我都会收到此错误。有什么方法可以修复此问题？

HTML：

<!DOCTYPE html>

<html>
    <head>
        <title>Login Screen</title>
        <link rel="stylesheet" type="text/css" href="login.css"/>
        <script src="login.js"></script>
    </head>

    <body>
        <div id="container">
            <h1 onclick="loginDetails()">Login</h1>
            <form onsubmit="return validateLogin()">
                <label for="username" class="label-1">Username</label><br>
                <input type="text" id="username" class="text-box"><br>
                <label for="password" class="label-2">Password</label><br>
                <input type="text" id="password" class="text-box"><br>
                <button type="submit" id="login" class="button">Sign In</button>
            </form>
        </div>
    </body>
</html>

JavaScript：

function validateLogin() {
    var username = document.getElementById(username).value;
    var password = document.getElementById(password).value;

    return false;
}

Answer 1

需要传入字符串：

function validateLogin() {
    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;

    return false;
}