#3 Форма обратной связи / Отправка формы на почту без перезагрузки
В этом заключительном видео мы сделаем отправку формы на почту. Важно, что отправляться данная форма будет без перезагрузки страницы (асинхронно). После отправки формы пользователь получит уведомление, что данные отправлены, либо сообщение со статусом ошибки.
Также в конце бонусом покажу, как сделать простую разметку для письма.
––––––––––––––––––––––––––––––
Таймкоды из видео:
0:00 - Демонстрация формы
1:11 - Обзор стартового проекта
3:34 - Загрузка и подключение PHPMailer
5:44 - Настройка PHPMailer для отправки писем
10:12 - Отправка письма без перезагрузки
22:28 - Немного стилизуем письмо
27:37 - Завершение
––––––––––––––––––––––––––––––
Ссылки:
Исходники на
Стартовый проект:
Результат из видео:
Видео:
#1 Форма обратной связи / Пишем основу на HTML и CSS:
#2 Форма обратной связи / Валидация формы на JS:
Теория:
Асинхронность в JS:
Async/Await:
Что такое fetch:
Объект FormData:
––––––––––––––––––––––––––––––
Лучшая ваша поддержка - лайк под этим видео!
Советую посетить мой сайт , там вы найдете много интересных уроков по программированию.
Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@
1 view
4310
1541
4 weeks ago 00:01:41 1
Как избавиться от желтой подошвы 🔥 Как вылечить потрескавшиеся пятки в домашних условиях
4 weeks ago 00:46:23 1
[HappyKsu] ПОЧЕМУ Я НЕ ЗНАЛА ОБ ЭТОМ РАНЬШЕ? Эти Необычные АРТ МАТЕРИАЛЫ С ALIEXPRESS Смогли Меня Удивить!
4 weeks ago 00:01:19 1
Síntomas y tratamiento de la cistitis en la mujer 💯
4 weeks ago 00:06:47 2
TAKE BACK, TOO KBACK, TAKES BACK ФРАЗОВЫЕ ГЛАГОЛЫ - Значение, примеры использования, предложения. Курс английского языка
4 weeks ago 00:20:47 1
TAKE AWAY, TOOK AWAY, TAKES AWAY: ФРАЗОВЫЕ ГЛАГОЛЫ - Значение, примеры использования, предложения. Курс английского языка
4 weeks ago 00:12:12 1
TAKE APART, TOOK APART, TAKES APART:ФРАЗОВЫЕ ГЛАГОЛЫ - Значение, примеры использования, предложения. Курс английского языка
4 weeks ago 00:13:22 1
TAKE AFTER, TOOK AFTER, TAKES AFTER: ФРАЗОВЫЕ ГЛАГОЛЫ - Значение, примеры использования, предложения. Курс английского языка
4 weeks ago 00:11:56 4
TAKE IN, TOOK IN, TAKES IN: ФРАЗОВЫЕ ГЛАГОЛЫ - Значение, примеры использования, предложения. Курс английского языка
4 weeks ago 00:25:28 1
КОСТЕТ - Песни прошлых лет 3 Русская мафия
4 weeks ago 00:13:56 2
[RED SIDE] SPEED COMPARISON 3D | Aircraft 🛩️
4 weeks ago 00:18:50 5
[RED SIDE] SPEED COMPARISON 3D | Missiles 🚀
4 weeks ago 00:04:57 1
Столото представляет | Лотерея «Спортлото «7 из 49». Тираж № 19643 от г.
4 weeks ago 00:05:45 355
Делаю так целый МЕСЯЦ каждые выходные и всегда мало. Крутой перекус Выходного дня.
4 weeks ago 00:06:00 1
Столото представляет | Лотерея «Спортлото «4 из 20». Тираж № 9431 от г.
4 weeks ago 00:01:27 9
CRUZ GAMADA DESCUBIERTA EN MOSAICO ENTERRADO DEL SIGLO III
Cruz “hakenkreuz“ 卐 hallado en el mosaico de Megiddo, recientemente
4 weeks ago 00:05:02 1
Столото представляет | Лотерея «Удача на сдачу». Тираж № 672 от г.
4 weeks ago 00:01:04 300
5. Выпечка. Рецепты
4 weeks ago 00:06:16 1
Столото представляет | Лотерея «Большое Спортлото». Тираж № 1909 от г.
4 weeks ago 00:03:23 1
😬 ВИНИРЫ ДЛЯ ЗУБОВ НЕДОРОГО 🤘 КУПИТЬ ВИНИРЫ В САНКТ ПЕТЕРБУРГЕ ⛔
4 weeks ago 00:02:35 8
Чудо -бот для заработка в телеграм Мини чейнс. Маркетинг VIP . Вход от 500 руб. ПОДРОБНАЯ ИНФОРМАЦИЯ 👇
4 weeks ago 00:02:57 67
Приглашаем вас на курс “PRO СТРАХИ“ - для взрослых. Школа ЭИ “Мы вместе“. Любовь Верещавина
4 weeks ago 00:01:06 49
Видео от ПП рецепты
4 weeks ago 00:01:44 1
💉 Pastillas eficaces para la diabetes mellitus tipo 2 ❗ Que hacer cuando te diagnostican diabetes
4 weeks ago 00:04:55 1
Столото представляет | Лотерея «Спортлото «7 из 49». Тираж № 19642 от г.