Для того чтобы предотвратить исчезновение модального окна после отправки данных формы (submit), можно воспользоваться некоторыми техниками. Вот два способа, которые можно использовать совместно с Bootstrap:
1. Остановка события 'hide.bs.modal':
Когда модальное окно закрывается (скрывается), срабатывает событие 'hide.bs.modal'. Мы можем перехватить это событие и отменить его, не закрывая окно. После отправки формы (submit), можно вызвать функцию, которая запретит закрытие модального окна:
$('#myModal').on('hide.bs.modal', function (e) { // Проверяем, была ли форма отправлена if (formSubmitted) { // Отменяем закрытие модального окна e.preventDefault(); // Сбрасываем флаг отправки формы formSubmitted = false; } });
2. Использование AJAX для отправки данных формы:
Вместо того, чтобы использовать стандартную отправку формы, можно воспользоваться AJAX-запросом для отправки данных веб-серверу. Таким образом, страница не будет перезагружаться, и модальное окно не исчезнет.
$('#myModal form').submit(function (e) { // Отменяем стандартную отправку формы e.preventDefault(); // Отправляем данные формы на сервер с помощью AJAX $.ajax({ url: $(this).attr('action'), method: $(this).attr('method'), data: $(this).serialize(), success: function (response) { // Обработка успешного ответа сервера // Здесь можно обновить содержимое модального окна или выполнить другие действия // Не закрываем модальное окно }, error: function (error) { // Обработка ошибки при отправке данных на сервер // Здесь можно вывести сообщение об ошибке или выполнить другие действия // Не закрываем модальное окно } }); });
Оба эти способа позволят вам блокировать исчезновение модального окна после submit формы в Bootstrap. Выберите тот, который лучше подходит для вашего случая и вашего приложения.