Не корректно работает bootstrap

Serenevenkiy
На сайте с 25.05.2016
Offline
22
667

Привет.

Помогите кто в теме - есть ленд по шаблону, переделал под себя, форма с заказом работает нормально, все отправляет, при нажатии на кнопки все адекватно. А вот модальные формы на всем лендинге вроде как не до конца работают =) а именно, при нажатии на кнопку "заказать звонок" выскакивает модальное окно , туда нужно ввести Телефон и Имя и нажать кнопку отправить. Так вот при нажатии "отправить" перебрасывает (как на якорь) в область сайта где находится основная форма заказа и вылазит подсказка в поле этой формы - "заполните это поле". Приложу скрины что бы было понятнее.

---------- Добавлено 07.11.2016 в 11:17 ----------

Вот скрин

Код к кнопке "заказать обратный звонок"

<div class="col-sm-6 text-right">

<p class="phone"><font color="black"> Звоните Сейчас! <b style="color:yellow;"> +375(29)205-10-94 </b>

</font></p><a data-toggle="modal" href="index.html#modal-zk" class="btn btn-lg btn-custom mb">Заказать обратный звонок</a>

</div>

И в конце кода лендинга код куда он ссылается т.е. на #modal-zk:

<!-- форма во всплывающем окне звонок -->

<div id="modal-zk" class="modal fade">

<div class="modal-dialog modal-sm">

<div class="modal-content">

<div class="modal-header">

<button type="button" data-dismiss="modal" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>

<h4 class="modal-title">Заказать бесплатный обратный звонок</h4>

</div>

<div class="modal-body">

<form id="application" action="http://commerce-brest.ru/application.php" method="post" name="application" target="_parent" onsubmit="if(this.name.value==''){alert('Введите Ваше имя!');return false}if(this.phone.value==''){alert('Введите Ваш номер телефона!');return false}return true;">

<div class="form-group">

<label for="" class="sr-only">label</label>

<input name="name" id="applicationName" placeholder="Введите ваше имя" required="" class="form-control input-lg" type="text">

</div>

<div class="form-group">

<label for="" class="sr-only">label</label>

<input name="telephone" type="Tel" id="applicationTelephone" placeholder="Введите ваш телефон" required="" class="form-control input-lg" type="text">

</div>

<button type="submit" class="btn btn-creative btn-lg btn-block" form="application" ><span>Заказать! </span></button>

</form>

</div>

</div>

</div>

</div>

<!-- форма во всплывающем окне звонок конец-->

Обработчик application.php я скачал где-то из нета и сам заменил в коде, в основной форме он работает хорошо.

---------- Добавлено 07.11.2016 в 11:18 ----------

http://prntscr.com/d436tb

---------- Добавлено 07.11.2016 в 12:26 ----------

Можно удалить ! Разобрался )))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий