Question

我是JavaScript / jQuery和网络编程的新手。我必须有文本框和一个按钮。我尝试制作它，以便当文本框中包含正确的字符并单击按钮时，它会将您带到另一个页面。但是当我点击按钮时，没有任何反应。

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

对不起，我只有15岁。

我的代码：

＆＃13;

$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/";
    };
  });
});

＆＃13;

<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>

＆＃13;

Answer 1

控制台是你的朋友。看着它会揭示这一点：

SyntaxError：期望表达式，得到关键字'else'

鉴于您的代码中只有一个else关键字，您可以认为它就是那个。在此之前，你有一个分号完全结束有条件的分号。因此，else是无效的，因为它不再是一个继续的。删除分号，它将运行。

Answer 2

在if

之后删除多余的分号

if (username_value == "JakobMorelan" && password_value == "Admin1234") {
                window.location = "http://jakadproductions.com/naj7m6j2aajre1o7opjr/";
            }
            else {
                window.location = "http://jakadproductions.com/";
            };

Answer 3

你的if / else块有一个额外的;，其中没有预料到的！

尝试并打开浏览器的开发人员工具，如果您的代码出现问题并指向错误的位置，则应该提示您。

在这种情况下，删除if语句后的;

Answer 4

浏览器调试器是解决这些问题的绝佳工具。当我打开测试页面的链接并打开浏览器的调试工具时，它会吐出问题：

Uncaught SyntaxError: Unexpected token else

它说它并不期望else令牌，因为你在if子句结束后放了一个半冒号。由于没有if语句仍在进行中，因此其他方面是意料之外的，并且脚本崩溃了

Answer 5

首先，代码中存在错误。在if语句之后（在else之前），你已经加了一个分号＆＃39 ;;＆＃39;。首先修复一下，CTRL + SHIFT + J在Chrome上打开一个控制台，你可以用来轻松调试这种错误

Answer 6

您的代码中似乎有两个错误 -

正如其他人提到的那样，您必须在if {...}阻止后删除分号。在JavaScript和许多其他语言中，标准语法为if {...} else {...}。
您的jQuery代码以$document开头，其中 - 除非先前已定义var $document - 您确实需要$(document)。 document变量是全局可用的，本身不需要定义，但是要将它与jQuery方法（如.ready(...)一起使用），你必须将它包装在jQuery包装器中，这就是{{1}确实。

这是Codepen的一个工作示例。我已将重定向更改为警报。

https://codepen.io/ericpedia/pen/qmmvNJ

单击按钮时，为什么我的jQuery代码无法正常工作？

6 个答案: