Как сделать чтобы после валидации формы — по нажатию кнопки, если всё хорошо, то переводило на страницу с подтвержением?

Question

[Сергей Соболь]

Здравствуйте, сделал так, чтобы при нажатии на кнопку — открывался popup. В нём форма (скрин ниже). Вопрос: как сделать так, чтобы на JS, после успешной валидации нажатии на кнопку "Заказать звонок" - закрывался этот popup и открывался второй с подтверждением, о заказе звонка?

Comments

[Danny Arty]

а как реализован то popup?

[Антон]

Зачем открывать новый, когда можно просто заменить содержимое этого попапа после выполнения условий?

[Сергей Соболь]

Антон, подскажите, пожалуйста, как это реализовать?

[Сергей Соболь]

Danny Arty, через отслеживания клика, после которого приписывается .active у которого в стилях "display: block", а без ".active" - display: none;

[Danny Arty]

Сергей Соболь, а popup у вас закрывается после сабмита формы? или нужно сделать закрытие popup после сабмита и открытие popup "thank you"?

[Сергей Соболь]

Danny Arty, да, нужно сделать закрытие popup после сабмита и открытие "thank you".

[Сергей Соболь]

Danny Arty, но только при успешной валидации, конечно)

[Антон]

Сергей Соболь, по простому
$('.popup-content').html('Спасибо боже за хлеб');

Answer 1

[Vladislav]

Там где ajax выполняется просто пихай fadeout метод первой модалке и fadeIn второй, если jquery юзаешь, если нативно достаточно класса с display block и все, если для отправки axios юзаешь засунь в .then идею которую я выше тебе описал

Comments

[Сергей Соболь]

Спасибо!

[Vladislav]

Сергей Соболь, пожалуйста, обращайся :)