Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 07.11.2016
Сообщений: 2

Из-за ошибки в вёрстке не отправляется форма

07.11.2016, 10:41. Показов 962. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет.
Помогите кто в теме, пожалуйста - есть лендинг по шаблону, переделал под себя, форма с заказом работает нормально, все отправляет, при нажатии на кнопки все адекватно. А вот модальные формы на всем лендинге вроде как не до конца работают =) а именно, при нажатии на кнопку "заказать звонок" выскакивает модальное окно , туда нужно ввести Телефон и Имя и нажать кнопку отправить. Так вот при нажатии "отправить" перебрасывает (как на якорь) в область сайта где находится основная форма заказа и вылазит подсказка в поле этой формы - "заполните это поле". Приложу скрины что бы было понятнее.
Сам код можно смотреть прямо на сайте (http://commerce-brest.ru/), что-бы сюда не писать, там ничего сложного вроде по коду .. Но я новичок =) Излазил много постом ничего так и не нашел решающего проблему =( Я так понимаю что в коде все верно, можт я чего-то не подключил ?

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

HTML5
1
2
3
4
<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:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!-- форма во всплывающем окне звонок -->
  <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 я скачал где-то из нета и сам заменил в коде, в основной форме он работает хорошо.
Миниатюры
Из-за ошибки в вёрстке не отправляется форма  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.11.2016, 10:41
Ответы с готовыми решениями:

Форма не отправляется!
&lt;form action=&quot;formdata.php&quot; method=&quot;POST&quot; name=&quot;form1&quot;&gt; &lt;legend&gt;Пожалуйста, заполните форму:&lt;/legend&gt; &lt;div...

НЕ отправляется форма
Не отправляется форма Правила форума пункт 5.18 Запрещено размещать задания в виде картинок и других файлов с их текстом. ...

Не отправляется форма
Добрый день, Есть форма для отправки рекомендации знакомым. При нажатии на кнопку Отправить не происходит никаких действий. Что-то не...

2
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
07.11.2016, 11:41
Serenevenkiy, я наверно минут пять смеялся... Вы же задали одинаковые имена идентификаторам для всех текстовых полей в формах... У каждого текстового поля в каждом модальном окне должно быть уникальное имя идентификатора... Использовать одинаковые имена идентификаторов не допустимо... Поэтому броузер Вас и кидает вверх, реагируя на текстовое поле основной формы, которое не заполнено, но должно обрабатываться при отправке данных...
1
0 / 0 / 0
Регистрация: 07.11.2016
Сообщений: 2
07.11.2016, 13:00  [ТС]
Разобрался ! ))) Спасибо )))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
07.11.2016, 13:00
Помогаю со студенческими работами здесь

Не отправляется форма
Всем привет. Есть страница: http://bjr-bank.ru/ На ней в верхнем меню есть ссылка &quot;Заказать услугу&quot;. Если кликнуть, то откроется...

Не отправляется форма
Есть темплэйт авторизации, который отображается на главной странице, если пользователь не авторизован. $t_LOGIN=&quot; &lt;head&gt; ...

Не отправляется форма
в файле index.php есть форма в модальном окне: &lt;div class=&quot;modal fade&quot; id=&quot;contact&quot;&gt; &lt;div class=&quot;modal-dialog&quot;&gt; &lt;div...

Не отправляется форма (
код самой формы: &lt;form action=&quot;&quot; method=&quot;POST&quot;&gt; &lt;div class=&quot;inputs&quot;&gt; &lt;label&gt; &lt;span&gt;Фамилия:&lt;/span&gt; ...

Не отправляется форма
Код: &lt;?php include ('head.php'); ?&gt; &lt;body&gt; &lt;div id=&quot;wrapper&quot;&gt; &lt;div id=&quot;header&quot;&gt; &lt;?php include ('logo.php'); ?&gt; &lt;/div&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
YAFU@home — распределённые вычисления для математики. На CPU
Programma_Boinc 20.01.2026
YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru