时间戳

首页 > 解决方案 > 为什么我会收到“无法找到 null 的属性‘值’”错误？

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

问题描述

我在 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;
}

标签： javascripthtml

解决方案

你需要是传入的字符串：

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

    return false;
}

推荐阅读