Сообщество русскоговорящих пользователей
CMS DotNetNuke
   Вы здесь:  База знаний » Статья
30.11.2009 9:20:23, Administrator
Создание контактной формы при помощи модуля Form And List

В этой статье мы рассмотрим еще один вариант использования модуля Form And List.
Когда-то, мы создали при помощи него неплохую систему управления файлами в библиотеке.
Теперь же мы вновь обратимся к нему за помощью, на этот раз - для создания контактной формы.

Что это такое

Модуль Form And List поставляется с установочным пакетом DotNetNuke и устанавливается по умолчанию.

А контактная форма, позволяет пользователям вашего сайта обратиться к вам с личным сообщением, отправив последнее на ваш электронный адрес(e-mail).

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

Так поступают чайники. Нам же нужно быть более продвинутыми.

Вот как примерно выглядит контактная форма:

Как видно, ваш e-mail не афишируется, но когда пользователь заполнит и отправит форму, вы получите все данные формы прямиком на ваш e-mail.


Поэтапное руководство

Вроде всё понятно, и не требует более детальных объяснений. Так что приступим сразу к делу, без всяких отступлений.

Для начала, создаем страницу, которая будет содержать контактную форму, или по другому - форму обратной связи.

Теперь вставляем на эту страницу модуль Form and List.

Модуль не настроен. И этим мы сейчас займемся.

Жмём на ссылку: Form and List Configuration.

Первым делом, создадим нужные нам поля для формы. Поля созданные по умолчанию мы не трогаем. Оставляем как есть.

Для простоты примера мы создадим всего несколько полей, остальные сможете добавить потом.

Итак: Имя(Text), Email(Email), Тема(Text), Сообщение(Rich Text (Html) ). В скобках указан тип поля.

Колонка Required, означает что поле обязательно для заполнения. Колонка Display on List, означает что поле будет видимым в форме. Так что ставим там галочки соответственно с нашими потребностями.

Тип полей

Text - обычное текстовое поле, для короткого текста, размещающегося на одной строке.

Email - текстовое поле, но с одной особенностью - к нему привязано регулярное выражение которое проверяет формат введеного электронного адреса при отправке формы.

Rich Text (Html) - текстовое поле для объемного текста на несколько строк и более.

Поле список, как такое сделать?

Для темы сообщения интересно иметь уже готовый список тем, из которого пользователь выберет самую подходящую для своего сообщения.

Это поле типа - Text, но с дополнительной настройкой.

Редактируйте поле Тема, как показано на рисунке выше. В поле List of Values введите список тем, разделенных точкой с запятой(;). И укажите что это Drop Down List - выпадающий список.

Далее, на той-же странице идём в настройки Mode Settings. Здесь мы указываем что нам нужен не список, как было в случае с файлами в предыдущей статье, а форма – Application Mode: Form. И еще ставим галочку в поле Tracking and Notifications, для того чтобы получать сообщения по e-mail.

Дальше идёт настройка Form Settings. И здесь мы можем указать что произойдёт после отправки формы. Пользователя можно переправить на другую страницу, или же показать ему сообщение об успешной отправке сообщения.

Затем, нам нужно настроить Tracking and Notification Settings.

Здесь мы заполняем поле с темой отправляемого нам письма и указываем свой e-mail, за который можно не переживать, так как он не будет никем увиден.

Сохраняем, и переходим дальше.

Нам остался последний этап настройки. Нужно дать пользователям определенные права - права на пользование формой, а также защитить форму от роботов.

Для этого заходим в настройки модуля Form and List, которые называются Settings.

Здесь вы дадите права на отправку формы обратной связи тем пользователям которым захотите, - мы разрешили всем.

И поставьте галочку в Force CAPTCHA control during edit for Anonymous users, для защиты от роботов.

Сохраните и готово!

Ура! Вы построили 100% рабочую контактную форму.

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

Автор: codexomega

powered by metaPost
print



rating
  Комментарии

07.07.2010 11:08:41, DmitryAf
Новый комментарий
Спасибо!
04.12.2009 15:52:59, Shiningman
Хорошая статья
Спасибо за грамотную статью с примерами!

 
OpenedBorderBoxed Small width layoutMedium width layoutMaximum width layout Small textMedium textMaximum text