При нажатии на submit открыть новое модальное окно?

Question

[maksplotnikoff]

Ребят, есть форма, которая находится в бутстраповском модальном окне. Как сделать так, чтобы при submitе меня не перенаправляло на другую страницу, а чтобы закрывалось модальное окно с формой и открывалось новое модальное окно, в котором будет другой контент, например надпись "Спасибо за заявку!"
Вот код php:

<?php
   if(!empty($_POST['name_collection']) and !empty($_POST['color_collection']) and !empty($_POST['quantity']) and !empty($_POST['summa']) and 
      !empty($_POST['contact_name']) and !empty($_POST['contact_phone']) and !empty($_POST['contact_email'])){
      $name_collection = trim(strip_tags($_POST['name_collection']));
      $color_collection = trim(strip_tags($_POST['color_collection']));
      $quantity = trim(strip_tags($_POST['quantity']));
      $summa = trim(strip_tags($_POST['summa']));
      $name = trim(strip_tags($_POST['contact_name']));
      $phone = trim(strip_tags($_POST['contact_phone']));
      $email = trim(strip_tags($_POST['contact_email']));
      

 
      mail('[e-mail]', 'Новое сообщение с сайта', 
      'У Вас новая заявка на черепицу:
      <br />
      <strong>Серия и название коллекции: </strong> '.$name_collection.
      '<br />
      <strong>Цвет: </strong> '.$color_collection.
      '<br />
      <strong>Количество упаковок: </strong> '.$quantity.
      '<br />
      <strong>Стоимость: </strong> '.$summa.
      '<br />
      <strong>Имя заказчика: </strong> '.$name.
      '<br />
      <strong>Номер телефона: </strong> '.$phone.
      '<br />
      <strong>E-mail: </strong> '.$email,
      "Content-type:text/html;charset=UTF-8");
 
      echo header('location:/ya.ru');
 
      exit;
   }
?>

Answer 1

[devstudent]

технология аякс вам в помощь

Answer 2

[Антон Иванов]

JavaScript вам в помощь

$('form').on('submit', function() {
    // открываем модальное окно бутстрапа
    $('#modal').modal();
    // делаем еще что-нибудь

    return false;
});

Comments

[maksplotnikoff]

Пробую так:

$('#form-collection1').on('submit', function() {
    // открываем модальное окно бутстрапа
    $('#modal_collection_one').modal('hide');
    $('#modal_collection_two').modal('show');
    // делаем еще что-нибудь

    return false;
});

В php изменил
echo header('location:/ya.ru');
на

Header("Status: 302 Moved"); 
Header("Location: htpp://site.com/xx.html");

Переход никуда не осуществляется, но и новое модальное окно не открывается