Как сделать чтобы форма закрывалась только заполненной при нажатии на кнопку отправить?

Question

[Илья Деревянных]

На этом сайте всплывающая форма для новых посетителей. Как сделать чтобы форма закрывалась по нажатию кнопки "отправить" с проверкой заполнена ли форма иначе не закрывалась.

Comments

[Роман Дворянов]

Нужно добавить скрипт проверки на заполненность данных, в нем смотреть заполнены поля или нет. Ваш кэп

Answer 1

[LJ322]

Добавьте обработчик к кнопке отправки и проверьте поле. Например так

let btn = document.querySelector('.form-button');  // Кнопка
let input = document.querySelector('.input-name');  // Поле
btn.addEventListener('submit', function (event) {
  if (!input.value) {
    event.preventDefault(); // Отмена действия по-умолчанию, в данном случае - отправки
    console.log('Поле не заполнено');
  };
}