javascript - javascript警告框中未定义的输出

Question

我编写了简单的 jsp 文件，其中包含用户名和密码的文本字段。我想使用 javascript 验证该字段，但是当我编写 var a=document.getElementsByID("uname") 并打印 a 的长度时，它显示我的输出为“未定义”。

这是我的代码..

<head>
<script>
    function validate() {

        var a=document.getElementById("uname");
        alert(a.length);
        return false; 
    }
</script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login</title>
</head>
<body>
    <form method="post" action="/Edzeal/Validate">



        <table align="center">
            <tr>
                <td>User Name:</td>
                <td><input type="text" name="uname" id="uname"></td>
                <td><p id="uerror"></p></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type="password" name="pwd"></td>
            </tr>
            <tr></tr>
            <tr>
                <td><input type="submit" value="Login" onclick="return validate()"></td>
                <td><input type="reset">&nbsp<a
                    href="/Edzeal/Register.jsp" shape="rect">Register</a></td>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>