www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.

Веб-дизайн и поисковая оптимизация

Логотип Софт

Создание формы обратной связи

Исправление ошибок при заполнении формы обратной связи

Ранее рассматривался способ проверки заполнения формы обратной связи в браузере посетителя сайта. В некоторых случаях, кроме простой проверки заполнения полей, желательно дать посетителю возможность просмотреть все введенные данные перед отправкой, чтобы избежать ошибок. Обычно это требуется при заполнении важных документов, заказов товаров или ввода персональных данных. Для этого после заполнения формы выводятся все заполненные поля, а посетитель может проверить их правильность и исправить замеченные ошибки.

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

Для примера, создадим обычную форму обратной связи:

Фамилия:

Имя:

Отчество:

Ваш адрес:


HTML-код такой формы не имеет каких-либо особенностей (см. статью "Создание формы обратной связи на сайте"). После того, как посетитель заполнит поля и нажмет кнопку Далее, сервер вызывает программу обработки, размещенную на странице mail_01.php. HTML-код этой страницы следующий:

Проверьте правильность введенных данных. Если есть ошибки, исправьте их и нажмите кнопку ОТПРАВИТЬ.<br />
<form action="mail_02.php" method="post" >
<textarea name="mess" cols="40" rows="5" >
<?php
if (isset($_POST['name_01'])) {$name_01 = $_POST['name_01'];}
if (isset($_POST['name_02'])) {$name_02 = $_POST['name_02'];}
if (isset($_POST['name_03'])) {$name_03 = $_POST['name_03'];}
if (isset($_POST['address'])) {$address = $_POST['address'];}

echo "Фамилия: $name_01 \n"; //Ввод name_01 из формы
echo "Имя: $name_02 \n"; //Ввод name_02 из формы
echo "Отчество: $name_03 \n"; //Ввод name_03 из формы
echo "Адрес: $address"; //Ввод address из формы
?>
</textarea>
<br /><br />
<input type="submit" value="ОТПРАВИТЬ"/>
</form>

В результате выполнения этой программы выводится новая форма обратной связи с одним только полем <textarea >...</textarea>, в которое занесены введенные посетителем данные. Для этого используется оператор echo. Его аргументами, как видим, являются введенные в форму строчки name_01, name_02, name_03 и address, то есть содержание тегов <input> созданной нами формы. Все данные можно править обычным способом (можете попробовать):

Проверьте правильность введенных данных. Если есть ошибки, исправьте их и нажмите кнопку "ОТПРАВИТЬ".


После выполнения "работы над ошибками", посетитель нажимает кнопку ОТПРАВИТЬ, и только после этого все данные отправляются на адрес электронной почты с помощью программы, размещенной на странице mail_02.php, указанной в данной форме обратной связи. Текст этой страницы также исключительно простой:

<?php
if (isset($_POST['mess'])) {$mess = $_POST['mess'];}

$to = "pupkin@rambler.ru"; //Укажите свой адрес e-mail
$headers = "Content-type: text/plain; charset = windows-1251";
$subject = "Сообщение с вашего сайта"; //Тема письма
$message = " $mess";
$send = mail ($to, $subject, $message, $headers); //Отправка письма
if ($send == 'true')
{
echo "<b>Спасибо за отправку вашего сообщения!<p>";
}
else
{
echo "<p><b>Сообщение не отправлено. Приносим свои извинения.";
echo "<p><b>Попробуйте повторить отправку позже";
}
?>

Не забывайте, что страница с формой обратной связи и страницы mail_01.php и mail_02.php должны размещаться на сайте в одном каталоге (папке) и, конечно, ваш хостинг должен поддерживать РНР. Также обратите внимание, что проверить работоспособность данной формы, как и любой другой, можно только на сервере или на локальном компьютере с помощью виртуального сервера. Описанный способ проверки и исправления ошибок при заполнении формы обратной связи может показаться опытному программисту неуклюжим, но он не требует знания РНР и его применение не вызовет трудностей у начинающего веб-дизайнера.

24.02.2012 г.

см. все статьи по веб-дизайну >>

Задать вопрос автору





Яндекс.Метрика

Copyright © 2008 - Марк Розенталь e-mail: Мой e-mail
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru
Ключевые слова: отправка письма с сайта, отправка e-mail с сайта, форма обратной связи, скрипт формы обратной связи, продвижение сайта