javascript - 为什么单击按钮时我的 jQuery 代码不起作用？

Question

我对 JavaScript/jQuery 和网络编程还很陌生。我必须要文本框和一个按钮。我试图做到这一点，以便当文本框中包含正确的字符并且您单击按钮时，它会将您带到另一个页面。但是当我点击按钮时，没有任何反应。

这是我服务器上的链接:http://jakadproductions.com/testing/

对不起，我才 15 岁。

我的代码:

$document.ready(function() {
  $("#login_button").click(function() {
    var username_value = document.getElementById("username_box").value;
    var password_value = document.getElementById("password_box").value;
    if (username_value == "JakobMorelan" && password_value == "Admin1234") {
      window.location = "http://jakadproductions.com/naj7m6j2aajre1o7opjr/";
    };
    else {
      window.location = "http://jakadproductions.com/";
    };
  });
});

<title>LOGIN</title>
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>

<h1>LOGIN</h1>
<input id="username_box" type="textbox" placeholder="Username" />
<input id="password_box" type="textbox" placeholder="Password" />
<button id="login_button">Submit</button>

Answer 1

控制台是您的 friend 。查看它会发现:

SyntaxError: expected expression, got keyword 'else'

鉴于您的代码中只有一个 else 关键字，您可以假设它就是那个关键字。紧接在此之前，您有一个分号，它完全结束了该条件。因此 else 是无效的，因为不再有它继续的 if 。去掉分号，它就会运行。