Как показать модальное окно Bootstrap 5 в качестве сообщения об успешном завершении формы при нажатии кнопки «Отправить»? Использование Netlify для регистрации отправки

Без использования jquery или PHP, как мне запустить модальное окно после успешной отправки формы? Я использую Bootstrap 5.

Мои отправленные формы отправляются в Netlify.

                  <form name="Index Page Form" method="POST" data-netlify="true" netlify-honeypot="hal-check">
              <div class="form-floating">
                <input type="text" name="name" class="form-control form-control-flush" id="cardName" placeholder="Name" required>
                <label for="cardName">Name</label>
              </div>
              <p class="hidden">
                <label>
                  Fill this out if you're HAL-9000: <input name="hal-check" />
                </label>
              </p>
              <div class="form-floating">
                <input type="email" name="email" class="form-control form-control-flush" id="cardEmail" placeholder="Email" required>
                <label for="cardEmail">Email</label>
              </div>
              <div class="form-floating">
                <input type="text" name="message" class="form-control form-control-flush" id="cardMessage" placeholder="Message" required>
                <label for="cardMessage">What does your business do?</label>
              </div>
              <div class="mt-6">
                <button class="btn w-100 btn-success lift" type="submit">
                  Send me information
                </button>
              </div>
            </form>

0 ответов

Другие вопросы по тегам