Как сделать чтобы условие срабатывало?

Question

[Алексей]

Есть проверка на введенные данные в input формы регистрации, надо чтобы после условия, когда введена правильна почта срабатывала return true и дальше срабатывает переход в админку (страница header("Location: https://...");. Сейчас условия работает, но при return true перехода нет.

//email
const submit = document.querySelector('.modal-cover__btn');
const form = document.querySelector('.modal-form');
const pattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
form.addEventListener('submit', (event) => {
  event.preventDefault();
    let email = document.querySelector('.modal-cover__email');
    let email_value = document.querySelector('.modal-cover__email').value;
        if (email_value.match(pattern)) {
          email.classList.remove('valid');
          return true;
        } else {
          email.classList.add('valid');
          return false;
      }
});

Comments

[Вадим]

1. А где код, отвечающий за переход?
2. У Вас в обоих случаях сообщение что введён не верный email.

email.classList.remove('valid');
alert('You have entered an invalid email address!');
return true // как true, если убран класс valid и сообщение что invalid?
// ...
email.classList.add('valid');
alert('Bad email'); // valid, но Bad email? Так валидно или плохой?
return false // как false, если добавили класс valid?

[Алексей]

Вадим, при правильном вводе должно срабатывать переход header("Location: https://....") и данные оправлться в БД. Если условия убрать переход работает, но нужно при нерпавильном вводе почты блочить, при не правильном срабатыват переход.

[Алексей]

Вадим, valid класс просто border красный, в 1 случае If он убирает обводку в других случах else он добавляет. Можно поменять добавть не ! и поменять местами if и else но от этого ничего не поменяется.

[RAX7]

но при return true перехода нет.

Потому что event.preventDefault();
Попробуй сделать так:

form.addEventListener('submit', (event) => {
  const email = document.querySelector('.modal-cover__email');
  const email_value = document.querySelector('.modal-cover__email').value;

  const isValid = email_value.match(pattern);
  email.classList.toggle('valid', isValid);
  if (!isValid) event.preventDefault();
});