Question

我对编码很陌生，所以这段代码非常糟糕。

我制作一个简单的登录系统非常快，但现在我已经被吸进了，并且无法弄清楚我的代码是什么问题。非常感谢帮助。

用户名和密码为＆＃34; admin＆＃34; （我知道，这很糟糕，但这个网站不会公开）。

HTML：

＆＃13;

function loginUser() {
  var usernameId;
  usernameId = document.getElementById("username1").value;
  if (usernameId == "admin") {
    window.location = "home.html";
  }
}
function loginPassword() {
  var passwordId;
  passwordId = document.getElementById("password1").value;
  if (passwordId == "admin") {
    loginUser();
  }
}

＆＃13;

<form class="login-form">
  <input type="text" name="username1" placeholder="username"/>
  <input type="password" name="password1" placeholder="password"/>
  <button onClick="loginPassword()">login</button>

＆＃13;

Answer 1

您正在使用name="username1"和name="password1"，但是您正在使用getElementById()获取元素。如果是，则需要使用id属性而不是name属性：

＆＃13;

function loginUser() {
  var usernameId;
  usernameId = document.getElementById("username1").value;
  if (usernameId == "admin") {
    window.location = "home.html";
  }
}
function loginPassword() {
  var passwordId;
  passwordId = document.getElementById("password1").value;
  if (passwordId == "admin") {
    loginUser();
  }
}

＆＃13;

<form class="login-form">
  <!--               v---- changed here       ---->
  <input type="text" id="username1" placeholder="username"/>
  <!--                   v---- and here       ---->
  <input type="password" id="password1" placeholder="password"/>
  <button onClick="loginPassword()">login</button>
</form>

＆＃13;

JavaScript无法在网站上运行

1 个答案: