Html
Итак, приступаем. В качестве примера рассмотрим самую банальную форму заказа звонка. Форма будет содержать всего два поля номер и телефон.
Для начала напишем простую форму отправки на HTML:
<form id="form">
<input type="text" name="name" required="required"/>
<input type="text" name="phone" required="required"/>
<input type="submit" value="Заказать звонок"/>
</form>
Для обязательных полей указываем:
required="required"
PHP
Далее создадим PHP файл для отправки нашей почты.Например, send.php и разместим его в корне сайта. Он будет содержать следующий код:
<?
if((isset($_POST['name'])&&$_POST['name']!="")&&(isset($_POST['phone'])&&$_POST['phone']!="")){ //Проверка отправилось ли наше поля name и не пустые ли они
$to = 'mail@yandex.ru'; //Почта получателя, через запятую можно указать сколько угодно адресов
$subject = 'Обратный звонок'; //Загаловок сообщения
$message = '
<html>
<head>
<title>'.$subject.'</title>
</head>
<body>
<p>Имя: '.$_POST['name'].'</p>
<p>Телефон: '.$_POST['phone'].'</p>
</body>
</html>'; //Текст нащего сообщения можно использовать HTML теги
$headers = "Content-type: text/html; charset=utf-8 \r\n"; //Кодировка письма
$headers .= "From: Отправитель <from@example.com>\r\n"; //Наименование и почта отправителя
mail($to, $subject, $message, $headers); //Отправка письма с помощью функции mail
}
?>
Ajax
Для того, чтобы наш форма не перезагружала всю страницу, будем использовать Ajax. Для работы нашего скрипта обязательно подключаем jQuert для нашей страницы. Для этого вставляем следующий код в наш html документ:
<script type="text/javascript">
$(document).ready(function(){
$("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "send.php", //путь до php фаила отправителя
data: form_data,
success: function() {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
});
});
});
</script>
На этом всё.
Вывод
В итоге мы получили легкий и простой способ отправки почты с вашего сайта. Вы можете использовать его как вам угодно. Добавить больше полей, а также различные способы валидации полей. Дело за вами.
Комментарии (12)
padlyuck
04.02.2019 00:24+11Лучше скройте этот пост. Код как минимум дырявый, не говоря уже о том, что данная заметка не дотягивает до уровня статей на хабре.
andreymal
04.02.2019 01:35+1У меня такое чувство, будто число подобных постов возросло после недавней раздачи халявных инвайтов пользователям без постов. Похоже, это была не очень хорошая идея
Moskus
04.02.2019 03:55Смотря какая задача ставилась и какой результат ожидался. Потому что отрицательный результат, как результат эксперимента — тоже результат, означающий, например, что повторять такое — бессмысленно.
Samouvazhektra
04.02.2019 01:42+1Сначала подумала, что у хабра глюк и он выдал пост из ранних 00-х.
А вообще даже любопытно, что мотивирует автора писать такое на хабр… ведь если автор знает хабр, то, надо полагать, хотябы иногда его читает.Moskus
04.02.2019 04:03Это, вероятно, очередная манифестация представления о том, что последовательность простых действий, скомбинированных определенным образом (как solution в квестах) может гарантировать достижение искомого результата (повышение кармы/рейтинга на Хабре). Раньше это причисляли к «школьным» стереотипам, теперь часто относят к результатам взросления на компьютерных играх с предопределенным сценарием вместо реальных социальных взаимодействий.
Dmitriy_Rudenko
04.02.2019 02:57О, jQuery!
index0h
04.02.2019 03:35+1Автор, переписывать статьи 15-ти летней давности с косметикой в стиле 'required' — это не тру, вообще.
if((isset($_POST['name'])&&$_POST['name']!="")&&(isset($_POST['phone'])&&$_POST['phone']!="")){
- Почитайте про PSR
- Почитайте про глобальные перменные и почему их не стоит использовать
- Что будет, если я отправлю запрос с данными
name[]=&phone[]=
Temmokan
04.02.2019 07:20… а также что будет, если скриптом начать отправлять на эту страницу столько запросов в секунду, сколько успеет обработать эта форма.
И так далее.
staticlab
Шёл 2019 год...