Форма обратной связи с двумя полями и кнопкой

Запись от MVS76 размещена 25.07.2014 в 05:52

Показов 2345 Комментарии 0

Я делаю так:
Выношу это в отдельный файл и подключаю на странице в <head>
не забываем подклучить jQuery

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
jQuery(function(){
jQuery('.send_form').submit(function(e){
e.preventDefault();
var m_method=jQuery(this).attr('method');
var m_action=jQuery(this).attr('action');
var m_status=jQuery(this).find('.layer_form_division');
var m_data=jQuery(this).serialize();
jQuery.ajax({
type: m_method,
url: m_action,
data: m_data,
success: function(result){
m_status.html(result);
}
});
});
});

Далее на странице хоть 100500 форм, но с одним классом самой формы, и там где принимаем ответ

HTML5
1
2
3
4
5
6
<form action="send.php" method="post" class="send_form">
 <div class="layer_form_division"></div>
  <input type="text" class="layer_form_2 layer_form_all" name="name" required="required" placeholder="Ваше имя*" />
  <input type="tel" class="layer_form_3 layer_form_all" name="phone" required="required" placeholder="Ваш телефон*" />
  <input type="submit" class="layer_form_button" name="submit" value="Записаться на примерку" />
</form>

Вот тут принимаем ответ удачи/не удачи отправки, а также говорим спасибо за отправленное сообщение:
class="layer_form_division"

Вот класс формы, по которой инициализируем с какой именно отправили письмо, и в какую давать ответ:
class="send_form"

Размещено в Без категории

« Клик по ссылке cURL Главная страница

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

Всего комментариев 0

Комментарии

MVS76

Регистрация 07.07.2012
Адрес Украина
Сообщений 1,040
Записей в блоге 7

Новые блоги и статьи Все статьи Все блоги /
Установка MinGW GCC 16.2 и CMake 8Observer8 10.08.2026 VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия	Неделя из жизни имитационной модели склада: мои кривые руки растут, откуда надо anaschu 10.08.2026 Неделя из жизни имитационной модели склада: как я почти написал неправильную логику и что с этим делать Работаю сейчас над учебно-рабочим проектом: строю в AnyLogic имитационную модель процессов. . .	Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .
Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .	Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .

Наверх

Сообщение форума

Отменить изменения