Я хочу показывать всплывающее окно при нажатии кнопки отправки [закрыто] ⇐ Php

[Anonymous]

Вы можете мне помочь? Я создаю веб-сайт о бронировании спортивных объектов.. поэтому я хочу, чтобы кнопка «Отправить» в моей форме бронирования отображала всплывающее окно после заполнения формы.. и когда он не заполняется, отображается необходимое сообщение, которое я пробовал, но даже если я не заполняю форму бронирования, когда я нажимаю кнопку «Отправить», появляется всплывающее окно с надписью «спасибо»
Форма бронирования Назад Форма бронирования спортивных объектов Имя: Программа: Выбрать программу ITW SSB DCS DTW STF DCP DGA DTB DFD SBN SLR DTR DNS Семестр: Выбрать семестр 1 2 3 4 5 6 Сеанс: Выбрать сеанс январь–июнь 2023 г. июль-декабрь 2023 г. январь–июнь 2024 г. июль-декабрь 2024 г. январь-июнь 2025 г. июль-декабрь 2025 г. январь–июнь 2026 г. июль-декабрь 2026 г. январь–июнь 2027 г. июль-декабрь 2027 г. Номер телефона: Объект: Выбрать объект Футбольное поле Футзал Волейбольная площадка Площадка для бадминтона Суд Такро Пинг-понг Тренажерный зал Площадка для нетбола Площадка для игры в петанк Поле для регби Дата: Время: Забронировать сейчас Завершено "Спасибо за бронирование у нас! Ваше бронирование успешно отправлено." ОК, закрыть Вернуться на главную const раздел = document.querySelector("раздел"), overlay = document.querySelector(".overlay"), showBtn = document.querySelector(".show-modal"), closeBtn = document.querySelector(".close-btn"); showBtn.addEventListener("click", () =>section.classList.add("активный")); overlay.addEventListener("клик", () => section.classList.remove("активный") ); closeBtn.addEventListener("клик", () => section.classList.remove("активный") ); функция вернуться() { окно.история.обратно(); }