Скрипт формы обратной связи php

Скрипт формы обратной связи php

Самый уникальный скрипт формы обратной связи, из всех, что я встречал, нашел на этой сайте http://webdesign-master.ru/blog/tools/578.html и использую уже очень давно.

Выложу здесь коды, чтобы было проще копировать, но все исходники есть на GitHub https://github.com/agragregra/uniMail.

В чем уникальность этого скрипта – в том, что у вас может быть любая форма с любым количеством различных полей, и не нужно под каждое поле создавать вывод данных в письме, скрипт просто проходит по всем полям и выводит все данные из них. Например, при добавлении нового поля в файле html, нет необходимости добавлять еще какие-то параметры в mail.php. И это очень круто и просто. То есть форма будет работать уже при минимальных правках из коробки.

index.html

В скрытые поля вносим данные для отправки письма – Имя отправителя, имя отправителя (он же и получатель), тема письма.

script.js

Перед подключением скрипта обязательно подключаем jquery, если он еще не подключен:

В данном скрипте при успешной отправке сообщения выводится alert, который при необходимости можно заменить на всплывающее сообщение или что-то другое

mail.php

Файл mail.php – основной, он собирает все данные из полей формы и отправляет на почту.

Видео

Форма обратной связи PHP Mailer Final с капчей Скрипт формы обратной связи

Простой и надежный скрипт формы обратной связи для сайта. Для защиты от спаммеров в скрипте установлена капча.

Скрипт выводит форму и, при заполнении необходимых полей, отправляет на Ваш e-mail сообщение. В скрипт встроена защита от роботов: перед отправкой письма надо ввести капчу.

Крайне простая установка и настройки

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

Читайте также:  Видит флешку как локальный диск

Для этой тривиальной задачи, я заранее нашел и модифицировал скрипт, который работает на AJAX технологии. Также я подготовил красивое оформление полей, используя фреймворк Bootstrap 3. Достаточно скопировать мои CSS-стили и форма примет готовый для использования вид.

1 — подключаем Jquery библиотеку:

2 — устанавливаем HTML форму с использованием Bootstrap разметки:

3 — размещаем JS скрипт

Этот скрипт размещается непосредственно под HTML формой и после объявления jQuery.

4 — рассмотрим код обработчика, который нужно разместить в файл post.php

В обработчике достаточно поменять значение переменной $mail_to, вписав туда свою почту.

4 — копируем стили оформления

Для корректного отображения формы должен быть подключен Bootstrap 3.

Вот и все! Наша форма готова. Скачивайте и оставляйте свои комментарии.

  • PHP 4/5/7, Perl 5, Python, Zend, phpMyAdmin;
  • SSH, sFTP/FTP доступ;
  • Возможность заказа дополнительных IP-адресов;
  • POP3, IMAP, SMTP для работы с почтой;
  • Неограниченное количество доменов и поддоменов;
  • Неограниченный трафик;
  • Автоматическая установка CMS;
  • Управление DNS-записями;
  • И еще много разных ништяков 😉

Cмотрю на свой контент и думаю: стал бы я сам делиться им с друзьями?

Похожие статьи:

Требуется программист, чтобы разрабатывать новые и сопровождать существующие сайты.

Условия:
  • ЗП 40к за полную ставку;
  • Официальное оформление;
  • Удаленка.
Требования:
  • Отличное владение CMS WordPress и Bitrix;
  • Хорошие знания PHP, MySQL, JS, jQuery;
  • Минимальные знания HTML, CSS, Bootstrap, умение по мелочи поправить верстку;
  • Владение Joomla, Modx, Instant — не обязательно, но будет хорошим бонусом;
  • Опыт работы: от 2-х лет.

Почта для резюме: info@obninsksite.ru Телефон для связи: +7 (999) 735-45-78

Комментарии ( )

Здравствуйте! Я не тестировал, но должно сработать вот так:

После этой строчки
$(‘.messages’).html(data.result);

Нужно добавить в select атрибут name, вот так:

Читайте также:  Какой процессор взять для gtx 1070

Здравствуйте Алексей. Все сделал как вы сказали но что то не работает. Не отправляет форма. Показывает что поле select не заполнено.
в файл PHP дополнительно добавил следующее ниже скрипт. Вроде скрипт php делает проверку поля select но само поле в html остается чистым незаполненным возможно что то с не стыковка с bootstrap.CSS или надо дописать CSS к форме. Если не трудно посмотрите приложил архив form_select.rar

В файл PHP дополнительно добавил следующее.
// проверяем корректность полей if($_POST[‘select[name="form_str"]’] == "") $errors[] = "Поле Тип списков не заполнено"; // собираем данные из формы $message .= "Тип списков: " . $_POST[‘select[name="form_str"]’] . " ";

Вы должны авторизоваться, чтобы оставлять комментарии.

Ссылка на основную публикацию
Сколько секунд видео можно загрузить в инстаграм
Обновлено - 27 января 2020 IGTV — функция, с помощью которой можно выложить длинное видео в Инстаграм продолжительностью от 15...
Секреты работы в word
Все секреты Word. MicrosoftWord – одна из наиболее часто используемых программ. Все мы пользуемся этим приложением, зачастую даже не зная...
Секс во время соревнований
Воздерживаться или не воздерживаться – вот в чем вопрос Джоэл Сидман, кандидат наук Вот что вам нужно знать… Влияние секса...
Сколько символов на странице ворд
Вы можете посмотреть пример стандартной страницы перевода в формате doc. В рынке переводов можно встретить разные варианты определения условной страницы:...
Adblock detector