Не отправляются письма из формы в модальном окне

Статус
Закрыто для дальнейших ответов.

mediol

New Member
Регистрация
23.03.2017
Сообщения
5
Здравствуйте! Итак, постараюсь объяснить ситуацию. Есть страница сверстана на bootstrap, на которой есть три формы + одна форма во всплывающем модальном окне (оно открывается при нажатии кнопки "Позвоните мне").

К формам подключил проверку валидации с помощью bootstrap-validator и в скрипте прописал через запятые идентификаторы всех форм, включая ту, что в модальном, но валидация формы в модальном окне не работает (с остальными все ок!).

Также я реализовал отправку писем с использованием php и снова все три формы отправляют письма, кроме той, что в мод окне. Если я правильно понял, то само модальное как-то мешает работе формы. Прошу помочь разобраться с этой проблемой.

Код одной из трех форм:

<form id="otpiska" action="post.php" method="POST">
<div class="row">
<h3>Закажите наш сервис мгновенной отписки от ненужных аккаунтов</h3>
<div class="form-group col-md-4">
<input type="text" class="form-control" name="name" placeholder="Евгений Болобан" required>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
<div class="form-group col-md-4">
<input type="email" class="form-control" name="email" placeholder="Адрес почты" required>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
<div class="form-group col-md-4">
<button type="submit" class="btn btn-primary">отправить
<i class="fa fa-envelope" aria-hidden="true"></i>
</button>
</div>
</div>
</form>

Код модального окна с формой:

<div class="instarise">
<div class="container">
<div class="col-md-4">
<a href="index.html"><img class="logo" src="img/logo.png" alt="Instarise"></a>
</div>
<div class="col-md-4">
<p><img class="social" src="img/messangers.png" alt="Позвонить">
<a href="tel:+380636107283">+38 063 610 7283</a></p>
<p><img class="social" src="img/insta.png" alt="Instagram">
<a href="https://www.instagram.com/yevhenii_boloban/" target="blank">yevhenii_boloban</a></p>
</div>
<div class="col-md-3 col-md-offset-1">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#call">
<i class="fa fa-phone" aria-hidden="true"></i>
Заказать звонок
</button>
<!--Modal-->
<div class="modal fade" id="call">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Оставьте свой номер <br>и наш менеджер позвонит Вам</h4>
</div>
<div class="modal-body">
<form id="callback" action="post.php" method="post">
<p><img src="img/time.png" alt="time">Ответ в течение 15 минут</p>
<div class="form-group">
<input type="text" name="name" class="form-control" placeholder="Имя">
</div>
<div class="form-group">
<input type="tel" name="mail" class="form-control" placeholder="Телефон: (066) 555 3333">
</div>
<button type="submit" class="btn btn-primary">Позвоните мне</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Файл post.php прикрепил к сообщению.
 

Вложения

  • 1,7 КБ Просмотры: 44
Статус
Закрыто для дальнейших ответов.
Верх Низ