Уникальная Ajax отправка письма через форму / ajax обработка действия
X
Заказать сайт
Заказать сайт

Уникальная Ajax отправка письма через форму / ajax обработка действия

13213

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

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

Скачать архив

dfghg1 dfghg2 dfghg3

Установка
1. Скопируйте код формы из index.htm, начиная с 18 строки и до конца к себе на сайт. Внимание - если у вас подключена библиотека JQuery, то не подключайте jquery-1.9.1.min.js
2. Загрузите form.php, например, в корень сайта и правильно поставьте пути к jquery-1.9.1.min.js (если подключили его) и form.php (если корень сайта - путь: ./form.php). Если путь к form.php выставите неправильно - будет писать при отправке формы "Ошибка при отправке формы".
3. form.php - настройки отправки почты $to - кому придет письмо, $from - от кого

Возможности ajax формы
- Возможность устанавливать бесконечное количество форм без конфликтов друг с другом
- Возможность легко менять/добавлять поля для отправки на php обработчик за счет serialize
- Проверка на заполненность обязательных полей

Режимы работы формы
1. Режим отправки письма
а. Добавить новое поле - добавить input внутри нужной form и учесть его в php обработчике - если поле обязательно к заполнению добавить yourbest="true"
б. Добавить новую форму - дублировать код формы .yourajaxforma1, где заменить id="FORM_ID" и id="OTVET_FORMI" на новые, если нужно указать новый обработчик php, то и путь в onclick="AjaxFormRequest('OTVET_FORMI', 'FORM_ID', 'form.php')"

2. Режим ajax обработки
В обработчике php написать любые действия, которые возвратятся в div с id="OTVET_FORMI"

Скачать ajax форму

| | Уникальная Ajax отправка письма через форму / ajax обработка действия | Нашел в интернете интересный скрипт, который позволяет создавать легко ajax обработчики - в принципе ничего нового, но идея мне понравилась. В данном | https://blogprogram.ru/wp-content/uploads/2015/08/13213-131x131.png

5 коммент. на “Уникальная Ajax отправка письма через форму / ajax обработка действия”

  1. Кирилл:

    Как в эту форму добавить вложение файлов? Чтобы можно было файлы отправлять на почту

  2. Александр:

    Хорошая работа!

  3. Алена:

    Отличная работа! Эта ajax форма у меня на сайте заработала с первого раза, правда все-равно пришлось повозиться с CSS - но выглядит потрясно!! =)

  4. Игорь:

    Работает четко, в нете не часто встретишь такие рабочие, да еще и оптимизированные формы. Спасибо!

  5. Валерий:

    Чумовая форма! Все работает как надо - огромное и огромное спасибо! =))

Добавить комментарий для Кирилл Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>