制作一个简单的登录页面

Question

嘿所有..我想做一个简单的登录页面.我准备了两个文本域.

<input type="text" id="user">
<input type="password" id="password">
<input type="button" id="go">

我想点击#go脚本后可以检查:

if #user value != "admin" 
then #password value != "qaubuntu"

将显示和JS警报.但如果数据相同,会显示一些隐藏.你能告诉我怎么做吗？

Answer 1

$(function() {
  $('#go').click(function() {
    if($('#user').val() !== "admin" || $('#password').val() !== "qaubuntu") {
      alert('Invalid login');
      return false;
    } else {
      return true;
    }
  });
});

这是快速修复(假设你只是玩游戏).但是你不应该这样做,原因如下:

1. 任何半脑的人都可以查看你的JavaScript,看看id/pw是什么
2. 我一直认为在服务器端进行用户身份验证会更好
3. 可能还有一百万人,它的伤害是如此不安全

但是为了这个答案,我假设你只是练习jQ.