Question

有一个用于输入名称和密码以及登录按钮的字段。输入正确的密码和名称后，必须按Enter键才能触发登录功能，如果输入的密码或名称不正确，则会显示输入错误消息。无论课程位于何处，以及用户是否输入数据，单击Enter的事件都应该起作用。有必要使用纯JS来实现。预先谢谢你。

<form>
  <div class="group">
    <input type="text" id="Name">
    <label>Name</label>
  </div>
  <div class="group">
    <input type="password" id="Pass">
    <label>Password</label>
  </div>
  <button type="button">Log In</button>
</form>

JS

function authorization(name, pass) {
  name = document.getElementById("Name").value;
  pass = document.getElementById("Pass").value;

  if (name === "name") {
    if (pass === "pass") {
      document.location.href = 'index.html';
    } else {
      alert("Wrong password");
    }
  } else {
    alert("Wrong date")
  }
}

Answer 1

将按钮更改为提交按钮，并将submit事件侦听器绑定到form元素。

以只有一个提交按钮的形式输入输入会触发一个提交事件。

Answer 2

更改按钮类型提交。提交类型的元素按钮中的内部与表单的Submit事件相关联。仅当您专注于输入字段时，提交事件才有效登录

Answer 3

这段代码对我有所帮助。

Role

按下Enter键时呼叫事件

3 个答案: