Форум программистов, компьютерный форум, киберфорум
MVS76
Войти
Регистрация
Восстановить пароль

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

Запись от MVS76 размещена 25.07.2014 в 05:52
Показов 2373 Комментарии 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"
Размещено в Без категории
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 0
Комментарии
 
Новые блоги и статьи
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр.
Jin X 06.09.2026
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F
Argus19 02.09.2026
Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .
Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0.
Maks 31.08.2026
При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .
Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм
anaschu 30.08.2026
Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .
Оттачиваю умение писать js программы.
russiannick 30.08.2026
Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .
мат медиц модель 30. презентация проекта
anaschu 27.08.2026
хоп хоп хоп хидахоп, а я кладую))
Как у меня протекала болезнь
zorxor 27.08.2026
Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .
Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему
kumehtar 26.08.2026
ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru