HTML和JQuery检查用户名和密码是否正确？

Question

我正在尝试创建一个基本的会话日志（不使用PHP）来检查用户名和密码是否正确。它只使用了密码，但我无法检查用户名，代码如下：

$(document).ready(function() {
  $('#psword').keypress(function(e) {
    if (e.keyCode == 13 && this.value == "abcd" && ("#uname").value == "1234") {
      $(".login").fadeOut("fast", function() {});
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="login" id="uname" type="text" placeholder="Username" required>
<input class="login" id="psword" type="text" placeholder="Password" required>

它一直有效，直到我添加（“#uname”）。值部分。我该如何改变它？

Answer 1

你正在使用("#uname").value，它应该在开始时有一个$，最后一个.val()而不是value，这在jquery中是不可识别的，但核心javascript因此将其更改为以下内容。

$(document).ready(function() {
  $('#psword').keypress(function(e) {
    if (e.keyCode == 13 && this.value == "abcd" && $("#uname").val() == "1234") {
      $(".login").fadeOut("fast", function() {});
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="login" id="uname" type="text" placeholder="Username" required>
<input class="login" id="psword" type="text" placeholder="Password" required>