Здравствуйте!
Помогите пожалуйста разобраться с FormLister
После отправки формы модальное окно закрываеться, а мне нужно чтоб оно оставалось открытым, пока пользователь его не закроет, так как не видно сообщения об отправке и ошибок. В официальной документации плагина я не нашел как настаиваеться AJAX. Что нужно сделать чтоб не закрывалось модальное окно при отправке сообщения?
Перерыл много статей на эту тему но не нашел ответа.
Вызов FormLister в модальном окне:
<!-- Call Back Modal -->
<div class="modal fade" id="call_back-modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLabel">Заказать звонок</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
[!FormLister?
&formid=`call_back-form`
&rules=`
{
"name":{
"required":"Обязательно введите имя",
"matches":{
"params":"\/^[\\pL\\s\\-']++$\/uD",
"message":"Введите имя правильно"
}
},
"phone":{
"required":"Обязательно введите номер телефона",
"phone":"Введите номер правильно"
}
}`
&formTpl=`@CODE:
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="well">
<form class="form-horizontal" method="post">
<input type="hidden" name="formid" value="call_back-form">
<div class="form-group[+name.errorClass+][+name.requiredClass+]">
<label for="name" class="col-sm-6 control-label">* Ваше имя</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" placeholder="Имя" name="name" value="[+name.value+]">
[+name.error+]
</div>
</div>
<div class="form-group[+phone.errorClass+][+phone.requiredClass+]">
<label for="phone" class="col-sm-6 control-label mt-3">* Телефон</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="phone" placeholder="+380 000 00 00" name="phone" value="[+phone.value+]">
[+phone.error+]
</div>
</div>
[+form.messages+]
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-secondary mt-3"><i class="glyphicon glyphicon-envelope"></i>Заказать</button>
</div>
</div>
</form>
</div>
</div>
</div>`
&to=`my email`
&ccSender=`1`
&ccSenderField=`email`
&ccSenderTpl=`@CODE:Спасибо за обращение, [+name.value+]`
&reportTpl=`@CODE:
<p>Имя: [+name.value+]</p>
<p>Телефон: [+phone.value+]</p>`
&errorClass=` has-error`
&requiredClass=` has-warning`
&subject=`MyCake:Заказать звонок!`
&messagesOuterTpl=`@CODE:<div class="alert alert-danger" role="alert">[+messages+]</div>`
&errorTpl=`@CODE:<span class="help-block">[+message+]</span>`
!]
</div>
</div>
</div>
</div>
