javascript - jQuery 密码登录表单

Question

我正在尝试创建一个带有登录框的非常简单(不需要“安全”)的页面。

当用户输入密码时，我希望按钮转到某个 URL。如果密码不正确，它应该显示警报。

这是我到目前为止的代码；

$(document).ready(function() {
  $('.login').click(function() {
    if ($('input:password').val() == "hello") {
      alert('Right Password!');
     else 
      alert('Wrong Password!');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="password" id="password" />
  <input type="button" class="login" value="Continue" />
</form>

我期望我的代码做什么: 在.login上放置一个点击函数来检查if:密码等于'hello'然后转到一个URL(使用警报进行测试目的)或其他:提醒消息。

我遇到的问题: 当前对按钮没有任何响应。如果在填写字段后按 Enter 键，页面将重新加载。我希望我的用户也能够使用回车键触发按钮，这可能吗？

我在结束我的 body 之前加载脚本，并调用我脑海中的库。

Answer 1

基本上问题是您缺少 { 大括号。因此您的代码无法工作。尝试以下代码

$(document).ready(function() {
  $('.login').click(function() {
    if ($('input:password').val() == "hello") {
      alert('Right Password!');
    } else {
      alert('Wrong Password!');
    }
  });
});