javascript - 如何在 javascript 中为 IF 语句添加更多案例

Question

所以我的代码有点像身份验证系统，但使用 JavaScript，我知道你们会说它不安全，我知道，我知道我应该使用 PHP、Ruby 或其他服务器多方面的语言，但这只是为了好玩。这是我的代码:

function validateUser() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  if (username == "username1" && password == "password1") {

    document.getElementById('submit').value = "Logging In...";
    setTimeout(function() {
      document.getElementById('wrapper').style.display = "none";
      document.getElementById('body').style.overflow = "auto";
      console.log('Welcome!');
    }, 1600);
  } else {
    document.getElementById('submit').value = "Logging In...";
    setTimeout(function() {
      document.getElementById('submit').value = "Login";
      var x = document.getElementById("snackbar");
      x.className = "show";
      setTimeout(function() {
        x.className = x.className.replace("show", "");
        console.error('Login Failed');
      }, 3000);
      document.getElementById('username').value = "";
      document.getElementById('password').value = "";
    }, 1300)
  }
  return false;
}

我试着放一个 , 像这样 if ( username == "username1", "username2"... 但它只是破坏了东西，即使我放错误的值仍然会让我登录。我还尝试使用 validateUser2() 创建另一个函数，但随后它显示“登录失败”，但在 0.4 秒后它消失并显示实际内容。我也尝试在同一个函数中复制 if，但它会导致同样的错误。

Answer 1

来自 the list of operators您正在寻找 "logical or" operator || 你可以像这样使用它:

// ...
if ( 
    ( username == "username1" && password == "password1" )
    || ( username == "username2" && password == "password2" )
){
// ...