Как убрать блок с помощью JS и добавить новый после отправки формы?

Question

[Yulia Khavaeva]

Хочу написать скрипт, который при отправке формы одному блоку делает display none:

Скриншот

А другому сделает display flex и покажет этим что форма отправлена:

Скриншот

Попробовала написать код, но он не верный, не понимаю как сделать.

Answer 1

[Dino Winchester]

Если кратко ответить на вопрос, то как-то так:

1. При нажатии на кнопку Отправить, делаем валидацию полей.
2. Если валидация прошла успешно, скрываем форму и переходим к следующему шагу.
3. Показываем popup окно с уведомлением или добавляем активный класс скрытому блоку с уведомлением.
4. Profit.

Вообще обычно используется вызов popup окна для подобных уведомлений, так как оно лучше привлекает внимание пользователя и сообщает что то или иное действие прошло, например, успешно.

Comments

[Yulia Khavaeva]

Да там по итогу заказчики решили не делать popup, а просто открытую форму, поэтому так)
Спасибо, очень помогли