Фото Сергея Белосова
Блог Сергея Белоусова
  • - Разработка сайтов
  • - Обучаю профессиональной верстке
  • - Консультации по разработке сайтов и поиску клиентов
Мои контакты: skype skype skype skype

Плагин: AJAX отправка формы на почту

Давно хотел написать собственный плагин для отправки данных с форм на емайл адрес. Понимаю что это уже "велосипед", но так как я уже привык, в первую очередь придумывать свои решения, то и в этот раз решил сам сделать JQuery+PHP плагин. Я много раз писал скрипты отправки форм для абсолютно разносторонних задач, от постых форм обратного звонка (имя и телефон), до сложных калькуляторов, которые высчитывают данные и отправляют их на майл и всегда делал все с нуля =) надоело каждый раз писать практически одно и то же, решил оформить свои решения в плагин.

Назвал его jquery.sendFormLP.
LP - обозначает Landing Page. Так как в основном я занимаюсь разработкой лендингов, вот и решил его так назвать, да и для лендосов он подходит на мой взгляд идеально! Разумеется это не конечное решение, планирую его дорабатывать по мере поступления новых задач, для реализации которых текущий функционал моего плагина не предусмотрен.

Наиболее подойдет начинающим разработчикам, которые еще не сильны в JS.

Документация по плагину jquery.sendFormLP.js

Качаем плагин по этой ссылке: Скачать плагин с Yandex Диска
В архиве 3 файла: 
index.html - файл с примером оформления HTML формы.
jquery.sendFormLP.js - сам плагин.
sendmail.php - Файл PHP обработчика, который отправляет данные на емайл.

Атрибуты form:

action - Путь до обработчика sendmail.php
data-them - Тема письма отправленного с этой формы.
data-show - Пишем селекторы блоков которые будут появляться при успешной отправки формы на сервер (можно через запятую писать сколько угодно селекторов).
data-hide - Пишем селекторы блоков которые будут скрываться при успешной отправки формы на сервер (можно через запятую писать сколько угодно селекторов).

В селекторах обычно я пишу попапы, которые появляются после отправки, что то вроде: "Данные успешно отправленны!" 

Атрибуты input, textarea:

У полей формы которые необходимо обрабатывать ОБЯЗАТЕЛЬНО должен быть указан атрибут name
name
 - Это обязательный атрибут, значение можно указывать любое.

data-name - Это название поля, которое будет отображаться в письме.
data-required - Этот атрибут (без знчения) добавляем, если поле является обязательныым для заполнения.



В файле jquery.sendFormLP.js на 82 строке инициализация плагина.

Опции:

toEmail - E-mail получателя.
fromEmail - E-mail отпрвителя.
interval - интервал появления\скрытия блоков с указанными селекторами после отправки формы (1000 = 1 секунда).

Хотите научиться верстать и зарабатывать ? Скачайте книгу!

Книга Как быстро научиться верстке сайтов и зарабатывать на этом

Подробнее о книге, жми!