@Kathoreary

Как сделать проверку на ввод логина и пароля в форму?

Всем привет есть форма:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Form</title>
  </head>

  <body>
    <form>
      <input type="text" name="login" />
      <input type="password" name="password" />

      <button>Log In</button>
    </form>
    <script src="/js/app.js"></script>
  </body>
</html>

В js получил элементы из HTML:
const form = document.querySelector("form");
const btn = document.querySelector("button");
const inputs = document.querySelectorAll("input");
const login = document.querySelector("input[name=login]");
const password = document.querySelector("input[name=password]");

Есть массив с "пользователями"
const registeredUsers = [
  ["admin", "KoI18"],
  ["manager", "SuperMe108"],
  ["editor", "12345"],
];

Как сделать в функции validate() проверку на введённые логин и пароль:
Я сделяль примерно так :D
function validate() {
  let isValid = true;
  registeredUsers.forEach((user) => {
    if (user.includes(login.value) && user.includes(password.value)) {
      return (isValid = true);
    } else {
      isValid = false;
      console.log("Incorrect login or password");
    }
  return isValid;

Но не работает, не могу придумать как сделать.
  • Вопрос задан
  • 2767 просмотров
Пригласить эксперта
Ответы на вопрос 2
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
<input type="text" name="login" placeholder="Username" required>
Ответ написан
Комментировать
DanArst
@DanArst Куратор тега JavaScript
Гриффиндор в моде при любой погоде!
Такое лучше делать на бэке, а не во фронте.
Но раз уж такая задачка, то например так
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы