Отправка заявки на почту. От верстки до письма на почте
HTML-код
- Опубликовано: 6 июн 2024
- Отправка заявки из формы с валидацией на почту. Разбор всех этапов: создание формы, валидация, отправка данных, настройка почты, работа с хостингом и настройка письма в php файле.
👁🗨 Исходники в телеграм канале: t.me/frontend_du2
👁🗨 Discord: / discord
👁🗨 VK: frontend_du2
👁🗨 Дзен: dzen.ru/frontend_it
Тайм-коды:
00:00 - описание
03:40 - верстка формы
14:20 - валидация
30:18 - настройка почты
33:15 - настройка хостинга
39:38 - отправка данных из формы
47:22 - настройка php
53:44 - результат
Вы очень-очень вовремя, спасибо большое ❤️🥺
Спасибо вам, я рад, что ролик для вас оказался полезным :)
Спасибо, дорогой Александр. Успехов вам в работе.
Спасибо за ваш комментарий и пожелания🤗 ваша поддержка очень вдохновляет
Александ, продолжайте Ваши ролики, очень все понятно, просто, спасибо огромное
Спасибо вам за отзыв :) Такие сообщения мотивируют на запись новых ))
Спасибо Вам БОЛЬШОЕ! Я так долго пытался написать код для отправки, пересмотрел столько ресурсов, популярных статей и каналов, но только Вы смогли помочь. Очень благодарен, подписался на ютубе и в телеграме. Творческих Вам успехов и крепкого здоровья. Еще раз СПАСИБО!
Очень понравилось! Спасибо большое за контент!
Большое спасибо за отзыв) Я старался
Спасибо за видео 🥰🥰🥰🥰
Как всегда лучший😊
Большое спасибо вам :) Всегда стараюсь ))❤️
Очень крутой ролик и максимально всеобъемлющий, спасибо 😊
Спасибо, надеюсь будет полезно в реализации отправки писем )
Привет Саш!
Спасибо за твой труд!
Спасибо вам за ваш отзыв и приятный комментарий)
Отличное видео. И как всегда информативно 👍
Большое спасибо за вашу комментарий :)
Спасибо что вы есть! Как всегда можно найти ответ на нужный вопрос!🤩
Очень рад, что видео было интересным и полезным. Спасибо вам :)
Спасибо, отдельный респект, завтра тайм лайн, сразу можно включить, что интересного)
Спасибо за комментарий)) это очень помогает продвигать ролики )
И где вы были раньше Александр, я целую неделю пытался отправить форму на почту и у меня были разные ошибки и в начале 404, а потом постоянно была ошибка 500, уже и не знал, что делать сколько форумов я перелазил сколько всего сделал переписал код несколько раз и ничего не получалось, а сегодня появились вы, скажу честно видео у меня было во вкладке я его всё не смотрел и не смотрел и сегодня решил глянуть и вуаля всё получилось. Просто мою радость и благодарность вам не описать словами, СПАСИБО ВАМ БОЛЬШОЕ !!!
Спасибо 👍 Очень полезное видео.
Спасибо вам за комментарий под видео)
Отлично. Очень нужно, главное понятно.
Спасибо за обратную связь 🤗 это очень мотивирует
Спасибо! Так я и сделал свой первый коммерческий проект - ему не хватало только приличной формы для заявок
чотко и по делу, легендарный кодер СЕООНЛИ одобряет!
Спасибо ) Отправка письма на почту - популярная задач. Надеюсь вам пригодится )
У меня получилось! Ну по крайней мере с теми файлами из телеграмма. Спасибо огромное. Дальше уверен разберусь.
Спасибо за обратную связь 🤗 желаю удачи в изучении, надеюсь и другие видео будут вам полезны))
Как всегда отлично!
Большое спасибо за комментарий :)
Еще не смотрел но мне уже все понравилось)😀
Надеюсь будет в будущем полезно ))
@@alex_dudukalo уже посмотрел, так что могу с уверенностью заявить что так всё и было) хоть на практике наверное это не самый популярный способ взаимодействия с почтой, если например сайт адаптирован в CMS или в команде свой бэкенд.
Но если ты один в поле воин, то знать такой способ будет полезно.
Спасибо большое! Очень полезно!!!
Спасибо за ваш комментарий☺ надеюсь и другие видео канала будут вам полезны 🤗
Огромное спасибо! Помогло)
Спасибо за комментарий ) Отлично, рад что видео получилось полезным )
Спасибо за контент что ты делаешь, все понятно и доходчиво, если у тебя нет видео про Ajax сделай пожалуйста, я думаю многим понравится. Лайк конечно лайк
Спасибо за полезный комментарий :) Очень интересное предложение, думаю можно записать подобный материал )
+1 туториал) good i
Да, еще одно видео в копилку роликов на канале)
Сравниваю Вашу подачу материала и Максграф. Что странно вроде вы программист, но стараетесь сделать красивые кнопки и формы, а он просто реализует подачу материала, хотя верстальщик. И вы более подробно объясняете, что мне кажется лучше. Для ускорения видео смотрю на скорости 1.25 или 1.5. Спасибо.
🎉🎉🎉 BooM
Спасибо ))
Саша, привет.
Расскажи про node js и его особенности, что мы не просто будущие верстальщики которые только и могут решать проблемы на клиенте🧐
P. S.
Начни только с малого😉
Да, очень интересная идея. Я бы сказал - это целое направление. Надо бы сделать отдельный плейлист по этой теме. Думаю подготовлю что то такое)
Александр, а если говорить не про PHP, а про JS для реализации такой формы понадобится node.js?
на ванильном JS нельзя написать форму отправки?
Хороший вопрос :) Да, такую возможность можно реализовать на node.js. Только в этом случае node.js должен работать на сервере. Браузер не может отправлять самостоятельно такие сообщения. И это хорошо. Есть специальные сервисы с API, которые позволят это сделать. Но браузер только через сервер ))
Осталось очистить форму после отправки, тогда ролик был бы на 100 %. Сейчас настраиваю почту, и буду видимо искать как сбрасывать поля после отправки, в ролике они вроде остались заполненными
Спустя день, попробовал исполнить у себя на сайте, не заработало почему то, скачал примеры с телеграмм канала, попробовал код примера, заменив только данные своей почты....не работает. Почему на видео все работает а у меня нет в толк не возьму .....проверил все до буквы и пикселя...увы Сообщение есть о том что мое письмо куда то уходит по alert но по факту ничего нет...придется поискать какие то другие решения.
Решение найдено.........хост бесплатный просто блокирует все почтовые запросы, чтобы у Вас все заработало не на всех халявных хостингах получится реализовать отправку, либо прикупить хостинг либо поискать другой, только не timeweb
Спасибо за подробное объяснение,очень полезная информация! Но я не могу понять, как можно настроить почту отправителя,если письма отправляют пользователи сайта?
Спасибо вам :) Дело в том, что отправителем является ваша почта ) Клиент делает только заявку а вы с вашей почты отправляете письмо. Если вы хотите, что бы заявка отправлялась именно с почты пользователя, то пользователю придется оставить пароль от почты. Этого никто делать не будет :)
Жаль изучил данный вопрос до этого видео, было бы в 10 раз легче с этим видео)))
Да, я задержал выпуск этого ролика :(. Спасибо за ваш комментарий и поддержку :)
Александр здравствуйте. Пожалуйста подскажите, а для реакта есть существенные различия?
Здравствуйте, не уверен что понял вопрос :)
@@alex_dudukalo я имею ввиду реализацию с библиотекой реакт. Есть ли отличия или данный способ подойдёт?
@@yanballas3055добрый день! Получилось у вас с Реакт? Не могу найти, как с Реакт данные на почту отправить:(
Доброго дня! подскажите,пожалуйста,как сделать валидацию для email?
Здравствуйте, у меня есть отдельный ролик про такую валидацию. Посмотрите, пожалуйста. Уверен, вы найдете ответ в нем :) ruclips.net/video/wx6v0xFWsI4/видео.html
Все конечно хорошо, но данные для авторизации почты лучше хранить в переменных окружения, я понимаю, что контент для новичков, но это те основы информационной безопасности, без которых никак
Спасибо за такой ценный комментарий. Безусловно вы правы. Честно говоря, даже не подумал об этом. Наверное в силу свой деятельности в части frontend. Обязательно посмотрю это и скорее всего дозапишу материал. Вы правы
Скачиваю исходник, делаю всё в точь точь но сообщения не приходят(в спам тоже) другие исходники пробывал тоже не помогает, может ли быть проблема в хостинге? из видео хост
Здравствуйте, да на хостинге может быть проблема. Обычно так бывает на бесплатных хостингах )
@@alex_dudukalo можете порекомендовать какой нибудь дешевый платный хост?
Александр, добрый день. Все понятно объясняете, но у меня что-то не получается. Вставил форму себе на сайт по Вашему алгоритму, нажимаю отправить письмо с сообщением на почту не приходит, хотя об успешной отправке объявление выскакивает . Все проверил, уже несколько раз: запятые, скобки, знак в знак. Решил просто с телеграмм, с вашими файлами попробовать, ничего не меняя, кроме почты и пароля. Тоже самое - не приходит. Объявление об успешной отправке есть. Проверил отладку почты (на яндекс), хостинг timeweb оплачен. Уже по какому кругу проделал увы), что еще может быть............?
Здравствуйте ю, скорее всего проблема с хостингом. Попробуйте написать в поддержку хостинга. Они посмотрят логи и скажут, уходят ли письма
Здраствуйте! Хорошо попробую. Спасибо большое!
Александр, добрый день! Все заработало, огромное спасибо! оказалось без ssl-сертификата не работает. Подключил и все нормально)
А что значит отправка от своей почты? Какой смысл в этом? В реальности же будут сыпаться заявки от разных людей со своими разными почтовыми адресами. Что тогда вводить в mailer PHP?
Здравствуйте, прошу прощения за долгий ответ🙈, дело в том, что в этом примере я показываю, как отправить заявку именно на почту, поэтому, чтобы сделать отправку, нам нужно знать: от кого мы отправляем, кому. В больших проектах почту хранят в базе данных, но на этом примере я показываю без базы данных 😊
отличный ролик но письмо так и не приходит на почту
Это нужно подключить к серверу в начале?
Что бы можно было отправить письмо, да :) Нужно, что бы php файл находился на хостинге :)
почему то $mail->send('d'); выдает ошибку и код не хочет работать
ошибка: Too many arguments to function send(). 1 provided, but 0 accepted.
моя ошибка , отправка работает , но всё же $mail->send('d'); все равно пишет об этой ошибке
захожу через хостинг нажимаю отправить абсолютно ничего не происходить
Не выводит алерт даже
Скорее всего есть ошибка или в коде, или в выгрузки файла на хостинг. Сложно дать комментарий без видения общей картины
как сделать нее алерт, а уведомление красивое?
Вариантов много. Например, вы можете сделать такое уведомдение: ruclips.net/video/f_4kJ_Vu7fo/видео.html
Type module - не работает 🤔🤔🤔
Все хорошо только php на сервере не отрабатывает т.е. письма не приходят. ошибка сервера 500. ругается на let response = await fetch("mail.php", {
method: "POST", метод POST почему о не нравится. В чем проблема может??
Здравствуйте, странно. Возможно случалась ошибка в php файле. Есть возможность показать скрин ошибки ?
@@alex_dudukalo у меня работало 6 писем , и перестало... Не знаю в чем может быть проблема
А если валидация не нужна можно не конектить джава скрипт файлы?
Здравствуйте, да в целом можно без JS :) в форме action необходимо указать путь к php файлу. Прошу прощения за долгий ответ. Хочется отвечать быстрее, но не всегда получается (( Задержал с этим
Спасибо)
Но уже разобрался но все равно спасибо
@@protiv.negrov639 отлично, рад что все получилось :)
А что делать если перестало отправлять на почту? 4 раза сработало и дальше не приходит ничего😢
Скорее всего они еще не дошли или ваш почтовый клиент может думать, что это спам :) И отправляет их туда или в какую то другую папку :)
@@alex_dudukalo тут вы не правы, но я смог заставить её работать. Нужно по 10 раз тыкать отправить чтоб отправилось
было бы здорово увидеть аналогичный ролик на node.js
Здравствуйте, это отличная идея :) Будем делать. Но думаю видео получится чуть больше )
Привет, сделал все как у тебя на видео - не работает , взял твой код из ТГ , заменил там почту и пароль в mail.php, залил на timeweb , тоже не работает, письма не отправляются . Подскажи что с чем это может быть связано ?
Привет, на таймвебе такое может быть если хостинг бесплатный, я делал платный хостинг )
Шикарный канал! Лайк однозначно. Правда оригинал кода лучше прям здесь оставлять в телеграмме просто дублировать.
Большое спасибо за ваш комментарий :) Очень приятно. Вы имеете оставлять код в описании видео? Или в комментариях?