Javascript jQuery密码登录表单

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

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

这是我到目前为止的代码

$（文档）.ready（函数（）{
$（'.login'）。单击（函数（）{
if（$（'input:password'）.val（）=“你好”）{
警报（'正确密码！'）；
其他的
警报（“密码错误！”）；
}
});
});
您缺少
}其他{
，对于enter，您可以使用
keyup（）
并使用
事件检测按下的键。keyCode
可触发单击
。登录
按钮：


$（文档）.ready（函数（）{
$（'.login'）。单击（函数（）{
if（$（'input:password'）.val（）=“你好”）{
警报（'正确密码！'）；
}否则{
警报（“密码错误！”）；
}
});
$（'input:password'）.keyup（函数（事件）{
event.preventDefault（）；
如果（event.keyCode==13）{
$（'.login'）。单击（）；
}
});
})；
您缺少
}其他{
，对于enter，您可以使用
keyup（）
并使用
事件检测按下的键。keyCode
可触发单击
。登录
按钮：


$（文档）.ready（函数（）{
$（'.login'）。单击（函数（）{
if（$（'input:password'）.val（）=“你好”）{
警报（'正确密码！'）；
}否则{
警报（“密码错误！”）；
}
});
$（'input:password'）.keyup（函数（事件）{
event.preventDefault（）；
如果（event.keyCode==13）{
$（'.login'）。单击（）；
}
});
})；
基本上，问题是您缺少
{
大括号。因此，您的代码无法工作。请尝试下面的代码

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

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

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

如果进入
填写字段后按下，页面将重新加载

在提交
表单时，单击enter键可重新加载页面-您可以使用以下方法禁用该功能：

$("form").submit(function(event) {
  event.preventDefault();
});

（请注意，在代码段中，由于限制，您无法检查
表单
提交）

要同时侦听enter键，您可以使用以下命令：

$('input:password').keyup(function(event) {
  if (event.keyCode == 13) {
    $('.login').click(); // trigger click
  }
});

请参见下面的演示：


$（文档）.ready（函数（）{
//这将防止按enter键时重新加载页面
$（“表格”）。提交（功能（事件）{
event.preventDefault（）；
});
//单击侦听器
$（'.login'）。单击（函数（）{
if（$（'input:password'）.val（）=“你好”）{
警报（'正确密码！'）；
}否则{
警报（“密码错误！”）；
}
});
//响应回车键
$（'input:password'）.keyup（函数（事件）{
如果（event.keyCode==13）{
$（'.login'）。单击（）；//触发单击
}
});
})；


如果进入
填写字段后按下，页面将重新加载

在提交
表单时，单击enter键可重新加载页面-您可以使用以下方法禁用该功能：

$("form").submit(function(event) {
  event.preventDefault();
});

（请注意，在代码段中，由于限制，您无法检查
表单
提交）

要同时侦听enter键，您可以使用以下命令：

$('input:password').keyup(function(event) {
  if (event.keyCode == 13) {
    $('.login').click(); // trigger click
  }
});

请参见下面的演示：


$（文档）.ready（函数（）{
//这将防止按enter键时重新加载页面
$（“表格”）。提交（功能（事件）{
event.preventDefault（）；
});
//单击侦听器
$（'.login'）。单击（函数（）{
if（$（'input:password'）.val（）=“你好”）{
警报（'正确密码！'）；
}否则{
警报（“密码错误！”）；
}
});
//响应回车键
$（'input:password'）.keyup（函数（事件）{
如果（event.keyCode==13）{
$（'.login'）。单击（）；//触发单击
}
});
})；

正如一般情况一样，我建议使用
而不是
type=“button”
，并将事件附加到
$（'form'）。在（'submit'，函数（e）{…}）；
-这样，您可以调用
e.preventDefault（）
停止提交表单。作为一般事项，我建议使用
而不是
type=“button”
，并将事件附加到
$（'form'）。在（'submit'，函数（e）{…}）；
-这样，您可以调用
e.preventDefault（）
来停止提交表单。