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"＆gt;时当我在“用户名”字段或“密码”字段上键入时，代码会将我指向“error.html”。

Answer 1

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

Answer 2

你JS没有按预期工作。您正在选择元素，而不是值。请尝试更改为以下内容：

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

Answer 3

获取usrnm id，将id值传递为

var username=document.getElementById('usrnm').value;
var password=document.getElementById('pass').value;

或

否则将条件传递为

if(username.value == "abc"){ if(password.value == "123"){ ..... } }

Answer 4

更改代码

var username = document.getElementById（'usrnm'）。value;

var password = document.getElementById（'pass'）。value;

HTML和JavaScript无法正常工作

4 个答案: