Модальное окно bootstrap после отправки формы

@Дмитрий Дмитрий · Регистрация: 17.09.2016

Author24 — интернет-сервис помощи студентам

Здравствуйте, подскажите с решением, после отправки формы должно появляться модальное окно, оно появляется но буквальна на миг и пропадает, пробовал задержку по времени не реагирует.

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--Модальное окно-->
<div class="modal fade" id="exampleModalCenter" >
  <div class="modal-dialog  modal-dialog-centered" role="document">
    <div class="modal-content text-center w-auto">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Заказ№</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body text-danger ff"><h5>Ваш заказ оформлен и отправлен вам на почту</h5></div>   
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
$(document).on('submit', '.jqcart-orderform', function (){  
    if ($.trim($('#inputFIO').val()) === '' || $.trim($('#inputEmail').val()) === '' || $.trim($('#inputTel').val()) === ''){return false;}
    $.ajax({
    type: 'POST',
    url: 'modal.php',
    data: {mod:getCartData()},
    success: function(){$("#exampleModalCenter").modal('show');}
  });
});

@Дмитрий Дмитрий · 20.08.2018, 16:59 **[ТС]**

Ни кто ни сталкивался с bootstrap что ли?

@j2FunOnly · 22.08.2018, 09:57

bootstrap тут не при чем, у вас происходит отправка формы - страница обновляется

@Дмитрий Дмитрий · 22.08.2018, 11:17 **[ТС]**

Да все работает, надо просто return false было сделать.

@fanatikus · 22.08.2018, 11:23

Сообщение от Дмитрий Дмитрий

надо просто return false было сделать.

или

JavaScript    
        
    Скопировано
1
preventDefault();

@Дмитрий Дмитрий · 22.08.2018, 13:20 **[ТС]**

Или так

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи. Формулы от LM по моему решению пока не проверял. В итоговой её формуле видно её заблуждение. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@Дмитрий Дмитрий 1 / 1 / 2 Регистрация: 17.09.2016 Сообщений: 450
	20.08.2018, 16:59 [ТС]
	Ни кто ни сталкивался с bootstrap что ли? 0

@j2FunOnly the hardway first 2474 / 1846 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	22.08.2018, 09:57
	bootstrap тут не при чем, у вас происходит отправка формы - страница обновляется 0

@Дмитрий Дмитрий 1 / 1 / 2 Регистрация: 17.09.2016 Сообщений: 450
	22.08.2018, 11:17 [ТС]
	Да все работает, надо просто return false было сделать. 0

@Дмитрий Дмитрий 1 / 1 / 2 Регистрация: 17.09.2016 Сообщений: 450
	22.08.2018, 13:20 [ТС]
	Или так 0