javascript - 有人可以帮助我使用最不安全的登录页面的无效 javascript 代码吗？

Question

• 我需要使用 html 和 JavaScript 在我的网站上创建一个登录页面。
• 这是我迄今为止尝试过的

    </div>
      <ul class="login-list">
        <li><h2>Member login</h2></li>
        <li><input type="text" name="Username" placeholder="Username"></li>
        <li><input type="password" name="Password" placeholder="Password"></li>
        <li><input type="button" onclick="login();" name="Login" value="Login"></li>
        <li>Forgot Password?</li>
      </ul>
    </div>

  <script language="javascript">
  function login() {
    if(li.Username.value == "admin" && li.Password.value == "welcome")
    {
      window.open('dashboard.html')
    }
    else {
      alert("The username and password don not match.")
    }
  }
  </script>

• 此外，我非常清楚这是创建登录页面的最不安全的方式，但这对我的目的并不重要。
• 如果输入错误，我希望它输出警报。当输入正确时，我希望它将用户路由到 dashboard.html文件。

标签： javascripthtmlcss

Answer 1

您正在尝试错误地访问输入元素中的文本。你应该试试：

var userName = document.getElementsByName('Username')[0].value;
var passWord = document.getElementsByName('Password')[0].value;
 if(userName == "admin" && passWord == "welcome")
    {
      window.open('dashboard.html')
    }
    else {
      alert("The username and password don not match.")
}

document.getElementsByName()返回一个 NodeList，所以你必须通过索引来访问它：（document.getElementsByName('staff_counter')[0]取决于你有多少）。参考

您正在引用该名称的 NodeList 中的第一个元素，这就是它 [0] 的原因