@RushV

Как закрыть модальное окно при отправке формы?

Всем привет!
Использую модальное окно bootstrap 4
formit, AjaxForm
Есть форма
<form id="orderForm" method="post" action="[[~[[*id]]]]" enctype="multipart/form-data">
<div class="input-group mb-2 border border-warning">
  <div class="input-group-prepend">
  <span class="input-group-text border-danger" id="basic-addon1"><i class="fas fa-user"></i></span>
  </div>
  <input type="text" class="form-control" name="text-name" value="[[+fi.text-name]]" placeholder="Ваше Имя, Наименование организации" aria-label="Ваше Имя, Наименование организации" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-2 border border-warning">
  <div class="input-group-prepend">
  <span class="input-group-text border-danger" id="basic-addon1"><i class="fas fa-envelope"></i></span>
  </div>
  <input type="email" class="form-control" required name="email" value="[[+fi.email]]" placeholder="E-mail" aria-label="E-mail" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-2 border border-warning">
  <div class="input-group-prepend">
  <span class="input-group-text border-danger" id="basic-addon1"><i class="fas fa-phone"></i></span>
  </div>
  <input type="text" class="form-control" name="tel" value="[[+fi.tel]]" placeholder="Контактный телефон" aria-label="Контактный телефон" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-2 border border-warning">
  <div class="input-group-prepend">
  <span class="input-group-text border-danger"><i class="fas fa-marker"></i></span>
  </div>
  <textarea class="form-control" name="text-textarea" aria-label="With textarea" placeholder="Ваше сообщение..."></textarea>
</div>
<div class="form-group mb-2 border">
  <input type="file" class="form-control-file" name="contact_attachment" value="[[!+fi.contact_attachment]]" id="exampleFormControlFile2">
</div>
<div class="text-center mt-4">
 <button type="submit" class="btn bg-orange px-4">Отправить</button>
</div>
</form>

[[!AjaxForm? 
                        &form=`tpl.AjaxFormHeader` 
                        &snippet=`FormIt`
                        &hooks=`email,text`
                        &emailSubject=`Сообщение отправлено с сайта [[++site_name]]`
                        &emailTo=`IT.Rush@yandex.ru`
                        &emailFromName=`Технолинк-Сервис`
                        &emailTpl=`email-header-tpl`
                        &validate=`email:email:required`
                        &emailHtml=`1`
                        &validationErrorMessage=`В форме содержатся ошибки!`
                        &successMessage=`Сообщение успешно отправлено`
                      ]]

5d95d6c1dfc26441636171.jpeg
  • Вопрос задан
  • 251 просмотр
Пригласить эксперта
Ответы на вопрос 1
есть событие af_complete, отлавливай его и закрывай модалку
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы