javascript - HTML 和 JavaScript 无法正常工作

Question

我刚刚开始学习 javascript，并且已经学习 HTML 一段时间了。我知道我已经成功地为我的登录表单编写了正确的 JavaScript 代码。

这是我的 JavaScript 代码:

<小时/>

<script>
function login(){
    var username=document.getElementById('usrnm');
    var password=document.getElementById('pass');
    if(username=="abc"){
        if(password=="123"){
            window.location.href="mypage.html"
        }
        else{
            window.location.href="error.html"
        }
    else{
        window.location.href="error.html"
    }
}
</script>

<小时/>

这是我的 HTML 表单:

<小时/>

<form name="input" method="get">
<b>Username:</b>
<br>
<input id="usrnm" type="text" name="usrnm">
<br>
<br>
<b>Password:</b>
<br>
<input id="pass" type="password" name="pswrd">
<br>
<br>
<center>
<input id="login" type="image" src="login.png" value="login" onclick="login()">

<小时/>

当我单击“登录”按钮时。它只会重新加载它所在的同一页面，但正如您所看到的，我打算调用“mypage.html”。我刚刚开始学习 JavaScript，所以如果有任何明显的原因导致我的代码无法工作，请简单点。谢谢=)。我知道我的 JavaScript 可以工作，因为当我尝试插入 onclick="login()" 时到线<form name="input" method="get" > 当我在“用户名”字段或“密码”字段中输入内容时，代码会将我定向到“error.html”。

Answer 1

您获取的不是元素值，而是元素。将 .value 添加到 document.getElementById(id) 方法调用的末尾。