Как в Bootstrap реализовать форму отправки данных на почту?

Question

[Павел]

Добрый вечер. У меня есть на сайте форма с данными вот такого вида:

<form form action="mailto:[e-mail]" method=POST class="form_s center-block">
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="Имя">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="e-mail">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="телефон">
                  </div>
                  <button type="submit" class="btn btn-primary btn-block">ОТПРАВИТЬ ЗАЯВКУ И СКАЧАТЬ АНКЕТУ УЧАСТНИКА</button>
                </form>

Мне как-то нужно прикрутить, чтобы данные из полей пересылались на почту и в тоже время, после нажатия кнопки скачивался архив с дропбокса. Как это можно реализовать?

Answer 1

[Max Payne]

Создавайте отдельный файл php и отправляйте запрос на него<form action="send.php". В файле используйте mail() (php.net/manual/ru/function.mail.php). Либо организуйте запрос используя ajax.

Представлю решение на соло PHP, так как в Ajax не знаток. Возможно кто-нибудь другой сделает с Ajax.
Замените свой html-код формы на этот:

<form method=POST class="form_s center-block">
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="Имя" name="name">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="e-mail" name="mail">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="телефон" name="phone">
                  </div>
                  <button type="submit" class="btn btn-primary btn-block">ОТПРАВИТЬ ЗАЯВКУ И СКАЧАТЬ АНКЕТУ УЧАСТНИКА</button>
                </form>

И в любую часть своей страницы(Желательно где-нибудь в конце) добавьте вот такой PHP-код:

<?php
$msg = 'Имя: '.$_POST['name']."\r\n E-mail: ".$_POST['mail']."\r\n Телефон: ".$_POST['phone'];
mail("[e-mail]", "Новая заявка!", $msg);
echo '<div class="укажитеклассздесь">Заявка успешно отправлена!</div>';
?>

В поле class вставьте название css-класса.

Comments

[Павел]

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

[Max Payne]

Павел: E-mail нужно отправлять на Ваш адрес или на адрес указанный в форме в поле e-mail?

[Павел]

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

[Max Payne]

Павел: Представлю решение на соло PHP, так как в Ajax не знаток. Возможно кто-нибудь другой сделает с Ajax.
Замените свой html-код формы на этот:

<form method=POST class="form_s center-block">
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="Имя" name="name">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="e-mail" name="mail">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required="required" placeholder="телефон" name="phone">
                  </div>
                  <button type="submit" class="btn btn-primary btn-block">ОТПРАВИТЬ ЗАЯВКУ И СКАЧАТЬ АНКЕТУ УЧАСТНИКА</button>
                </form>

И в любую часть своей страницы(Желательно где-нибудь в конце) добавьте вот такой PHP-код:

<?php
$msg = 'Имя: '.$_POST['name']."\r\n E-mail: ".$_POST['mail']."\r\n Телефон: ".$_POST['phone'];
mail("[e-mail]", "Новая заявка!", $msg);
echo '<div class="укажитеклассздесь">Заявка успешно отправлена!</div>';
?>

В поле class вставьте название css-класса.

К сожалению, возможности протестировать нет, поэтому если возникнет ошибка -- напишите.

[Павел]

Arti Markelov: спасибо за помощь

[Павел]

Arti Markelov: на локальном сервере это будет работать?

[Max Payne]

Павел: На денвере, на сколько мне известно -- нет. Они блокируют отправку сообщений с помощью mail().

[Павел]

Arti Markelov: спасибо

[Jenq1996]

Все заработало , спасибо большое !

[Денис Еранов]

Max Payne,
Доброго здравия. Я так понимаю что вот это можно сделать отдельным файлом mail.php
И в нем прописать вот это

<?php
$msg = 'Имя: '.$_POST['name']."\r\n E-mail: ".$_POST['mail']."\r\n Телефон: ".$_POST['phone'];
mail("[e-mail]", "Новая заявка!", $msg);
echo '<div class="укажитеклассздесь">Заявка успешно отправлена!</div>';
?>