未知错误如果状态dosen'不起作用

Unknown error the true part of if state dosen't work

本文关键字:不起作用 dosen 错误 如果 状态 未知      更新时间:2023-09-26

我已经为简单的通行证和用户名表单编写了一个代码,如果您输入的用户和密码正确,它将显示一个内容但似乎有一个逻辑错误,我找不到

function show() {
  if (document.getElementById("user").value == "ahmed" && document.getElementById("pass").value == "ahmed") {
    document.getElementById("content").style.visibility = "visible";
    document.getElementById("pass1").style.visibility = "hidden";
  } else if (document.getElementById("user").value != "ahmed" && document.getElementById("pass").value != "ahmed") {
    alert("Password and username is incorrect")
  } else if (document.getElementById("pass").value != "ahmed") {
    alert("Password is incorrect");
  } else if (document.getElementById("user").value != "ahmed") {
    alert("Username is incorrect")
  }
}

当我输入错误的通行证或用户名时,该功能可以工作,但当我输入正确时,除了此代码外,页面只会自动刷新

document.getElementById("content").style.visibility = "visible";
document.getElementById("pass1").style.visibility = "hidden";

我创建了一个小提琴,它在中运行良好

我不知道为什么它对你不起作用。看看小提琴

https://jsbin.com/vezito/edit?html,js,输出

function show() {
  var content = document.getElementById("content");
  var name = document.getElementById("name");
  var pass = document.getElementById("pass");
  if (name.value == "ahmed" && pass.value == "ahmed") {
    document.getElementById("content").style.visibility = "visible";
    document.getElementById("pass").style.visibility = "hidden";
  } else if (name.value != "ahmed" && pass.value != "ahmed") {
    alert("Password and username is incorrect");
  } else if (pass.value != "ahmed") {
    alert("Password is incorrect");
  } else if (name.value != "ahmed") {
    alert("Username is incorrect");
  }
}