Несколько форм обратной связи на одной странице

@petlyra5 · Регистрация: 16.03.2015

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток.
Не могу настроить на лендинге несколько форм обратной связи.
Одна работает при копировании кода, а другие не хотят!

HTML5
1
2
3
4
5
6
<form id="application" action=" application.php" method="POST" name=" application ">
            <p><input type="text" name="name" maxlength="20" id="applicationName" placeholder="Имя Фамилия" required/></p>
            <p><input type="email" name="email" id="applicationEmail" maxlength="20" placeholder="Ваш e-mail" required/></p>
            <p><textarea type="text" name="sait" id="applicationSait"  placeholder="Опишите вкратце свою задачу (желательно с ссылками на сайт)" required/></textarea></p>
            <div class="but"><input id="submit_2" type="submit" value="Заказать верстку" /></div>
        </form>

PHP/HTML
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
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Создание формы обратной связи</title>
<meta http-equiv="Refresh" content="4; URL=http://test.ru"> 
</head>
<body>
 
<?php 
 
$sendto   = "tes@mail.ru"; // почта, на которую будет приходить письмо
$username = $_POST['name'];   // сохраняем в переменную данные полученные из поля c именем
$usersait = $_POST['sait']; // сохраняем в переменную данные полученные из поля c телефонным номером
$usermail = $_POST['email']; // сохраняем в переменную данные полученные из поля c адресом электронной почты
 
 
// Формирование заголовка письма
$subject  = "Заказ верстки сайта";
$headers  = "From: " . strip_tags($usermail) . "\r\n";
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";
 
// Формирование тела письма
$msg  = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>Cообщение с сайта</h2>\r\n";
$msg .= "<p><strong>От кого:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>Почта:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>Описание:</strong> ".$usersait."</p>\r\n";
$msg .= "</body></html>";
 
// отправка сообщения
if(@mail($sendto, $subject, $msg, $headers)) {
    echo "<center>Заявка ОТПРАВЛЕНА</center>";
} else {
    echo "<center>Заявка НЕ ОТПРАВЛЕНА</center>";
}
 
?>
 
</body>
</html>

@BarbosLV · 16.03.2015, 16:48

А где тут несколько? Тут одна форма.

@petlyra5 · 16.03.2015, 16:51 **[ТС]**

Я имею виду, что если эту форму поставить в нескольких местах на странице, работает только одна форма.

HTML5
1
2
3
4
5
6
<form id="application" action=" application.php" method="POST" name=" application ">
            <p><input type="text" name="name" maxlength="20" id="applicationName" placeholder="Имя Фамилия" required/></p>
            <p><input type="email" name="email" id="applicationEmail" maxlength="20" placeholder="Ваш e-mail" required/></p>
            <p><textarea type="text" name="sait" id="applicationSait"  placeholder="Опишите вкратце свою задачу (желательно с ссылками на сайт)" required/></textarea></p>
            <div class="but"><input id="submit_2" type="submit" value="Заказать верстку" /></div>
        </form>

Остальные не работают. Я понимаю, что нужно что-то менять id или в коде php, но просто не знаю что!

@BarbosLV · 16.03.2015, 17:03

А зачем тебе две одинаковые формы? Задача не ясна. В любом случае за одно нажатие отработает только одна форма. Потрудись развернуть вопрос. А то "заказать вёрстку" уже есть, а объяснить, чё конкретно надо нету.

@petlyra5 · 16.03.2015, 17:23 **[ТС]**

Я думаю тебе известно что такое лендинг!?))) Просто там нужно установить три формы обратной связи, чтобы приходили заказы с сайта. Не писать ведь каждый раз php-код для каждой формы.

Добавлено через 14 минут
BarbosLV, просто данный код заточен под одну форму. Хотелось бы ее подправить под несколько. А как я не знаю)

@BarbosLV · 16.03.2015, 17:31

О чём речь? Какой лендинг? Тут люди по русски пишут! Если надо тупо накопировать одинаковых форм. Я конечно не гадалка, но подозреваю ты навесил на всё это JS, а сюда не выложил. Вот в нём и копайся. К выложенному коду претензий нет, хоть 100500 раз эту форму на странице скопируй, должна работать. конечно если форма полностью идентична.

@Jodah · 16.03.2015, 17:31

petlyra5, после нажатия на кнопку происходит перезагрузка страницы?

Предполагаю, что форма отправляется через AJAX.

@petlyra5 · 16.03.2015, 17:39 **[ТС]**

BarbosLV, не раз уже удивляюсь. Что новичков на форуме всегда пытаются как-то оскорбить, подколоть и т.д. Пример даже этот. Сразу ко мне "ты" перешли, как будто я друг ваш. Еще раз говорю, что я не разбираюсь в этом, можно ведь нормально объяснить!

Добавлено через 2 минуты
Jodah, На сайте обнаружил только вот это http://ajax.googleapis.com/aja... ery.min.js

@BarbosLV · 16.03.2015, 17:52

Сообщение от BarbosLV

Задача не ясна.

Сообщение от BarbosLV

Потрудись развернуть вопрос.

Ты его развернул? Код показал? Что конкретно, не работает объяснил? какие у тебя формы, идентичные или нет. описал? Из того что ты, написал я сделал вывод что, таки да идентичные, и ответил.

Сообщение от petlyra5

Сразу ко мне "ты"

Ты что из графьёв? Я человек простой, оскорблением это не считаю. Тем более в форумном общении. Если у тебя другие - свои понятия об этикете общения, есть кнопка "игнор".

@petlyra5 · 16.03.2015, 18:04 **[ТС]**

BarbosLV, можно вечность переписываться. Но скажу, что я всегда к людям, когда их не знаю, общаясь через интернет всегда к ним на "Вы". А на "Вы" только графам обращаются? Я удивлен, если честно. Просто я много подобных людей таких как вы встречал, которые любят новичков на расстоянии подкалывать. Вы ведь самый умный -- здесь и наглость такая!

@Seovin · 16.03.2015, 18:49

Сообщение от petlyra5

BarbosLV

я вам так скажу, в чём-то вы правы но---
если по теме то прав BarbosLV.
Суть вопроса не сильно ясна.
если хотите создать пару форм для приема разной инф. то соответственно и обработчик надо переделать или другие создавать для этих форм.

но вы одну форму выложили и даже не сказали другая что должна отправлять

Добавлено через 2 минуты

Сообщение от petlyra5

Я имею виду, что если эту форму поставить в нескольких местах на странице, работает только одна форма.

работают все но по одной

@petlyra5 · 16.03.2015, 18:55 **[ТС]**

Seovin, давайте уже по теме решать начнем)) Вот смотрите. Я вставляю на одностраничный сайт вот эту форму

HTML5
1
2
3
4
5
6
<form id="application" action=" application.php" method="POST" name=" application ">
            <p><input type="text" name="name" maxlength="20" id="applicationName" placeholder="Имя Фамилия" required/></p>
            <p><input type="email" name="email" id="applicationEmail" maxlength="20" placeholder="Ваш e-mail" required/></p>
            <p><textarea type="text" name="sait" id="applicationSait"  placeholder="Опишите вкратце свою задачу (желательно с ссылками на сайт)" required/></textarea></p>
            <div class="but"><input id="submit_2" type="submit" value="Заказать верстку" /></div>
        </form>

Причем копирую ее дважды. Не меняю в ней ничего. Происходит следующее. Работает одна форма только, которая первая, а если заполнить данные на другой форме, она перенаправляет на ту, которая работает.
Т.е. итог, при одинаковых двух формах, работает только одна. Подобный вопрос решался тут Несколько форм обратной связи на одной странице

@Seovin · 16.03.2015, 19:06

Сообщение от petlyra5

она перенаправляет на ту, которая работает.

что имеете в виду?

@petlyra5 · 16.03.2015, 19:21 **[ТС]**

Seovin, Посмотрите этот пример. http://srv100500.hoster-test.ru/test/ при нажатии отправки во второй формы, она переключается на первую!

@Seovin · 16.03.2015, 19:48

по вашему тесту видно.
но у меня на локале всё работает нормально из ваших вырезок.

@petlyra5 · 16.03.2015, 20:02 **[ТС]**

Seovin,странно! Значит не знаете как исправить эту проблему?!

@Trukl · 16.03.2015, 20:03

Тема в ветку CSS. Прыжки из за оформления. Что касается PHP, данные надо проверять а не слепо доверять встроенным в HTML фильтрам.
Jodah, BarbosLV,

вы почти угадали.

@Jodah · 16.03.2015, 22:18

petlyra5, код примера отличается от представленного вами.

Код кнопки нижней формы имеет следующий вид:

HTML5
1
<button class="applicationButton" type="submit" form="application"> Получить прайс </button>

form="application" означает, что эта кнопка относится не к текущей форме, а к той, у которой id="application", т.е. к первой.

Чтобы исправить, достаточно удалить этот атрибут у кнопки, т.е. сделать так:

HTML5
1
<button class="applicationButton" type="submit"> Получить прайс </button>

@Na24 · 01.11.2015, 17:13

petlyra5, добрый день! Возникла аналогичная проблема при создании landing-page. Удалось ли Вам решить проблему? Помогите, пожалуйста с решением. Заранее спасибо!

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	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 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@BarbosLV 368 / 406 / 165 Регистрация: 29.05.2014 Сообщений: 1,494
	16.03.2015, 16:48
	А где тут несколько? Тут одна форма. 0

@BarbosLV 368 / 406 / 165 Регистрация: 29.05.2014 Сообщений: 1,494
	16.03.2015, 17:03
	А зачем тебе две одинаковые формы? Задача не ясна. В любом случае за одно нажатие отработает только одна форма. Потрудись развернуть вопрос. А то "заказать вёрстку" уже есть, а объяснить, чё конкретно надо нету. 0

@petlyra5 0 / 0 / 0 Регистрация: 16.03.2015 Сообщений: 13
	16.03.2015, 17:23 [ТС]
	Я думаю тебе известно что такое лендинг!?))) Просто там нужно установить три формы обратной связи, чтобы приходили заказы с сайта. Не писать ведь каждый раз php-код для каждой формы. Добавлено через 14 минут BarbosLV, просто данный код заточен под одну форму. Хотелось бы ее подправить под несколько. А как я не знаю) 0

@BarbosLV 368 / 406 / 165 Регистрация: 29.05.2014 Сообщений: 1,494
	16.03.2015, 17:31
	О чём речь? Какой лендинг? Тут люди по русски пишут! Если надо тупо накопировать одинаковых форм. Я конечно не гадалка, но подозреваю ты навесил на всё это JS, а сюда не выложил. Вот в нём и копайся. К выложенному коду претензий нет, хоть 100500 раз эту форму на странице скопируй, должна работать. конечно если форма полностью идентична. 0

@Jodah 3899 / 3237 / 1353 Регистрация: 01.08.2012 Сообщений: 10,909
	16.03.2015, 17:31
	petlyra5, после нажатия на кнопку происходит перезагрузка страницы? Предполагаю, что форма отправляется через AJAX. 0

@petlyra5 0 / 0 / 0 Регистрация: 16.03.2015 Сообщений: 13
	16.03.2015, 17:39 [ТС]
	BarbosLV, не раз уже удивляюсь. Что новичков на форуме всегда пытаются как-то оскорбить, подколоть и т.д. Пример даже этот. Сразу ко мне "ты" перешли, как будто я друг ваш. Еще раз говорю, что я не разбираюсь в этом, можно ведь нормально объяснить! Добавлено через 2 минуты Jodah, На сайте обнаружил только вот это http://ajax.googleapis.com/aja... ery.min.js 0

@petlyra5 0 / 0 / 0 Регистрация: 16.03.2015 Сообщений: 13
	16.03.2015, 18:04 [ТС]
	BarbosLV, можно вечность переписываться. Но скажу, что я всегда к людям, когда их не знаю, общаясь через интернет всегда к ним на "Вы". А на "Вы" только графам обращаются? Я удивлен, если честно. Просто я много подобных людей таких как вы встречал, которые любят новичков на расстоянии подкалывать. Вы ведь самый умный -- здесь и наглость такая! 0

@petlyra5 0 / 0 / 0 Регистрация: 16.03.2015 Сообщений: 13
	16.03.2015, 19:21 [ТС]
	Seovin, Посмотрите этот пример. http://srv100500.hoster-test.ru/test/ при нажатии отправки во второй формы, она переключается на первую! 0

@Seovin 79 / 79 / 36 Регистрация: 28.02.2014 Сообщений: 400
	16.03.2015, 19:48
	по вашему тесту видно. но у меня на локале всё работает нормально из ваших вырезок. 0

@petlyra5 0 / 0 / 0 Регистрация: 16.03.2015 Сообщений: 13
	16.03.2015, 20:02 [ТС]
	Seovin,странно! Значит не знаете как исправить эту проблему?! 0

@Trukl Заблокирован
	16.03.2015, 20:03
	Тема в ветку CSS. Прыжки из за оформления. Что касается PHP, данные надо проверять а не слепо доверять встроенным в HTML фильтрам. Jodah, BarbosLV, вы почти угадали. 0

@Na24 0 / 0 / 0 Регистрация: 01.11.2015 Сообщений: 9
	01.11.2015, 17:13
	petlyra5, добрый день! Возникла аналогичная проблема при создании landing-page. Удалось ли Вам решить проблему? Помогите, пожалуйста с решением. Заранее спасибо! 0