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;
    }
  });
});

这是快速修复（假设你只是玩游戏）。但是你不应该这样做，原因如下：

任何半脑的人都可以查看你的JavaScript，看看id / pw是什么
我一直认为最好在服务器端进行用户身份验证
可能是其他一百万人，这是非常不安全的伤害

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

Answer 2

这是在jquery，当点击按钮#go检查登录数据

$('#go').bind('click',function()
{
   if($('#user').val() == 'admin' && $('#password').val() == 'qaubuntu'))
      //ok do what you need
   else
      alert('username or password not valid');
});

制作一个简单的登录页面

2 个答案: