document.getElementById пуст для экрана входа в систему - PullRequest
Новая
       10

document.getElementById пуст для экрана входа в систему

0 голосов
/ 18 апреля 2020

Я недавно начал изучать Javascript и пытаюсь создать прототип системы входа в систему. Цель состоит в том, чтобы пользователь вводил необходимые данные (имя пользователя - «Майк», а пароль - «пароль»), а затем перенаправлялся на новую веб-страницу. Однако перенаправления не происходит. Это из-за того, что я получаю document.getElementById (...) пустая ошибка.

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

Мой HTML код: 

<form id="form_id" method="post">
     <input type="text" name="username" id="username" value="Username" class="login_textbox"/><br><br>
     <input type="text" name="password" id="password" value="Password" class="login_textbox"/><br>

     <br><input type="button" value="Login" id="submit" onclick="validate()" class="login_button" /> 
  </form>

Мой javascript код: 

function validate(){
var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;

    if ( username == "Mike" && password == "password"){
       alert ("Login Successful");
       window.location = "Pages/homepage.htm";
       return false;
       }

}

Ответы [ 2 ]

2 голосов
/ 18 апреля 2020

Вам не хватает конечной кавычки в поле пароля ID. 

id="password value="Password"

id="password value="Password"

Я предлагаю вам использовать редактор с подсветкой синтаксиса, а также лучше поддерживать структуру ваших документов и кода. Также вы можете попробовать валидаторы разметки w3 c.

Все это поможет вам избежать подобных ошибок.

0 голосов
/ 18 апреля 2020

В вашем HTML коде есть ошибка, вы забыли "в конце атрибута id в поле password. Исправьте это так: 

<form id="form_id" method="post">
 <input type="text" name="username" id="username" value="Username" class="login_textbox"/><br><br>
 <input type="text" name="password" id="password" value="Password" class="login_textbox"/><br>

 <br><input type="button" value="Login" id="submit" onclick="validate()" class="login_button" />

...