HTML-форму с использованием javascript для проверки учетных данных?

Я написал приведенный ниже код, чтобы сделать простую форму для проверки входных данных формы через javascript. Здесь имя пользователя и пароли написаны в JS-коде, но он по-прежнему показывает предупреждение о цикле else, даже если он дает правильные учетные данные в форме. Пожалуйста помоги?

var user = document.getElementById('username')
var pass = document.getElementById('password')

function user1() {
 if (user == "admin" && pass == "root") {
 window.open("javascript_trial.html")
 alert('correct username')
 } else {
 alert('incorrect username or password')
 }
}
<form>
 
 
 <button onclick="user1()">Submit</button>
</form>
1 ответ

Здесь есть несколько ошибок:

  • Вам нужно получить values ваших входов
  • Вы хотите получить эти значения при нажатии кнопки. Ваш код захватывает их только при загрузке страницы. Переместите назначение переменной в вашу функцию
  • Вы не указали атрибуты идентификаторов элементов

function user1() {
 var user = document.getElementById('username').value
 var pass = document.getElementById('password').value
 if (user == "admin" && pass == "root") {
 window.open("javascript_trial.html")
 alert('correct username')
 } else {
 alert('incorrect username or password')
 }
}
<form>
 
 
 <button onclick="user1()">Submit</button>
</form>

Также обратите внимание, что тип кнопки по умолчанию представляет собой submit которая будет отправлять вашу форму и перезагружать страницу после того, как будет показано предупреждение при нажатии, поэтому вы можете изменить это, чтобы type="button" чтобы предотвратить это.

licensed under cc by-sa 3.0 with attribution.