0

подскажите пожалуйста, не могу найти ошибку свою. Есть проверка на введенные данные в input формы регистрации, надо чтобы после условия, когда введена правильна почта срабатывала return true и дальше срабатывает переход в админку(страница). Сейчас условия работает, но при 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');
          alert('You have entered an invalid email address!');
          return true;
        } else {
          email.classList.add('valid');
          alert('Bad email');
          return false;
      }
});

2
  • А что значит " переход в админку."? то есть всё же должен сработать submit? 20 июл 2022 в 7:15
  • @АлексейШиманский, да совершенно верно дальше срабатывает header ("Location: https://); Но сейчас при правильном вводе return true отрабатывает и блочит переход. 20 июл 2022 в 7:19

1 ответ 1

2

Если под "переход в админку" имеется в виду, что должен submit всё же сработать, тогда надо event.preventDefault(); переместить в условие, когда email неправильный, а return true; и return false; удалить за ненадобностью

Кстати, при таком варианте и строки

email.classList.remove('valid');
alert('You have entered an invalid email address!');

не нужны. Всё равно страница будет перезагружаться. Можно будет упростить:

if (!email_value.match(pattern)) {
    event.preventDefault();
    email.classList.add('valid');
    alert('Bad email');        
}
6
  • Если убираю event.preventDefault(); и return true, то при не правильном вводе почты сразу идет переход на страницу, а надо чтобы блочилось, а когда правильно ввел человек почту, тогда шёл переход на старницу. 20 июл 2022 в 7:23
  • он не может переходить на другую страницу, т.к. идёт выполнение кода последовательно и пока не обработается последняя строчка в блоке кода - никто никуда не должен отправлять ничего..... и, как следствие, если почта неправильная - будет return false...... значит условие у вас просто не срабаывает 20 июл 2022 в 7:24
  • Сейчас подумаю ещё вариант)) 20 июл 2022 в 7:30
  • Я попробывал ваш вариант, не работает. if (email_value.match(pattern)) { email.classList.remove('valid'); return true; } else { email.classList.add('valid'); return false; } Это тоже самое, что и вы предлогаете только без не !. Но не блочится переход, мне кажется дело в функции потому что при возврате return true не приходит заначение или вызов нужен, чтобы сработал переход header ("Location: https://); и данные отправились в БД, 20 июл 2022 в 7:34
  • Исправил ответ..... похоже return false работает только если событие вызывается через инлайн обработчик. Поэтому просто надо переместить event.preventDefault(); в другое место 20 июл 2022 в 7:36

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.