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

时间:2017-12-21 01:25:16

标签: jquery html

我正在尝试创建一个基本会话日志(不使用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”)。值部分为止。我该如何改变呢?

1 个答案:

答案 0 :(得分:2)

您正在使用的("#uname").value开头应该有$,而.val()最后应该value而不是$(document).ready(function() { $('#psword').keypress(function(e) { if (e.keyCode == 13 && this.value == "abcd" && $("#uname").val() == "1234") { $(".login").fadeOut("fast", function() {}); } }); });,这在jquery中无法识别但核心javascript所以将其更改为以下内容。

<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>
{{1}}