наверх

Простая форма обратной связи на Ajax и PHP

В этой статье будет рассмотрено создание простой формы обратной связи без перезагрузки страницы с помощью AJAX.

1. Разметка формы

Здесь следует обратить внимание что атрибут action не указан, так как отправка будет происходить на этой же странице.

2. Стили

3. Скрипт ajax для отправки формы

Данный скрипт вешает событие отправки формы на форму с классом callback. Если кнопка отправки нажата проверяется заполнены ли поля с соответствующими id и если все хорошо то выполняется ajax запрос.

В настройках запроса, для url нужно указать путь к файлу с обработчиком формы. А для success прописать алгоритм действий в случае успешной отправки формы.

4. Обработрик формы на стороне сервера

Здесь идет стандартная проверка формы на знаполненность полей и отправка данных с помощью функции mail().

В результате должна получиться вот такая форма:

Заказать звонок

Ajax, JavaScript, php, формы