HTML和Javascript。为什么我的代码不起作用

Question

这是一段非常简单的HTML，其中集成了一些JavaScript。 我已尽我所能，但我认为我没有使用正确的文档标签。 它或页面需要一种更新的方式，我不知道该怎么做。 请帮忙。

<!DOCTYPE html>
<html>
<body>
    <form action="">
        User name:<br>
        <input type="text" name="userid">
        <br>
        User password:<br>
        <input type="password" name="psw">
    </form>

    <p>The characters in a password field are masked (shown as asterisks or circles).</p>

    <p id="enter"></p>

    <script>
        function access(username, password) {
            if (username == "bobby") {
                if (password == "qwertyasd123") {
                    document.getElementById(enter).innerHTML = "You may pass";
                }
            }
        }
        access(document.getElementsByName("userid").innerHTML, 
            document.getElementsByName("userid").innerHTML)
    </script>
</body>
</html>

Answer 1

更改

document.getElementById(enter)

至

document.getElementById('enter')

同时更改：

document.getElementsByName("userid").innerHTML

至

document.getElementsByName("userid")[0].value

而且您没有将一个字符串的userid更改为psw。

Answer 2

确实有一些错误：

of document.getElementsByName("userid")的列表，因此您想通过[0]访问第一个：

document.getElementsByName("userid")

您在这里忘记了使用id作为字符串： document.getElementById(enter)应该是document.getElementById("enter")

您使用了两次"userid" ，也没有使用"psw" ：

access(document.getElementsByName("userid")[0].value, 
            document.getElementsByName("psw")[0].value)

您希望按回车时发生：

<form onsubmit='access(document.getElementsByName("userid")[0].value, document.getElementsByName("psw")[0].value)'>

并且您还需要一个<input type="submit" name="sub"> 。

这是完整的代码和工作示例 ： https : //jsfiddle.net/j35fbet9/

HTML和Javascript。为什么我的代码不起作用

问题描述

2 个解决方案

解决方案1
3 已采纳 2015-12-05 20:31:54

解决方案2
0 2015-12-05 20:46:48

HTML和Javascript。 为什么我的代码不起作用

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-12-05 20:31:54

解决方案2 0 2015-12-05 20:46:48

HTML和Javascript。为什么我的代码不起作用

解决方案1
3 已采纳 2015-12-05 20:31:54

解决方案2
0 2015-12-05 20:46:48