Простая страница входа HTML и JS не работает, невозможно получить поля электронной почты и пароля при нажатии кнопки

Question

Приведенный выше код предназначен для простой страницы входа html, где пользователь будет вводить свой адрес электронной почты и пароль для входа, нажав кнопку входа в систему. сценарий для этого добавляется в конец документа после тега body. по какой-то причине он не может получить значения полей электронной почты и пароля и сопоставить их с массивом, который я реализовал. просьба указать на мою вину.

Answer 1

Сможете ли вы с этим работать? Я протестировал его, и он работает.

Я изменил ваш

var em = document.login.email.value;
var pw = document.login.password.value;

на

 var em = document.getElementById('email').value;
 var pw = document.getElementById('password').value;

и присвоил вашим адресам электронной почты и пароля id

function validate() {
  var em = document.getElementById('email').value;
  var pw = document.getElementById('password').value;
  console.log(em);

  var valid = false;
  var usernameArray = ["ashish", "rahul"];
  var passwordArray = ["12345", "54321"];
  for (var i = 0; i < usernameArray.length; i++) {

    if ((em == usernameArray[i]) && (pw == passwordArray[i])) {
      valid = true;
      break;
    }
  }
  if (valid) {
    alert("Login was successful");
    window.location = "www.google.ie";
    return false;
  } else {
    alert("Incorrect password or username you are now blocked");
    return false;
  }

}

Answer 2

тегов формы отсутствуют в вашем коде; кнопка отправки и поля ввода должны быть внутри тегов формы

Answer 3

Вам необходимо разместить свои входные данные в форме, чтобы получить значения так, как вы хотите.

Посмотрите: