Как вместо alert вывести html код?

Question

[Mark]

Здравствуйте, при успешной отправке формы, у меня появляется окно alert

$output = '<script>alert("Ваша заявка отправлена, спасибо, мы свяжемся с вами в ближайшее время!");</script>';

Подскажите пожалуйста как вместо alert, сделать чтобы всплывала html форма (Спасибо, что оставили заявку)?

Answer 1

[Анатолий Куликов]

Как вариант могу такое предложить:

function success() {
    let div = document.createElement('div');
    div.className = 'success';
    div.innerHTML = '<h1>Ваша заявка отправлена, спасибо, мы свяжемся с вами в ближайшее время</h1>';
    document.body.append(div);
}

Больше смотрите здесь.

Answer 2

[Одиночка Айс]

Написать свою функцию, которая будет вызывать нужное содержимое, скажем, с помощью fancybox

Answer 3

[Михаил Иванов]

Используйте ajax отправку формы

$(function() {
      $('form').submit(function(e) {
        var $form = $(this);
        $.ajax({
          type: $form.attr('method'), //атрибуты form
          url: $form.attr('action'),//атрибуты form
          data: $form.serialize(),
         success: function (data) {
      	Тут если форма успешно отправлена то показываем что-либо, например:
         $( "id вашего окна" ).show( ); - это покажет модалку,
              },
              error:  function(xhr, str){
                    alert('Возникла ошибка: ' + xhr.responseCode);
                }
        });
        e.preventDefault(); 
      });
    });