Ява скрипт для отправки писем

Ява скрипт для отправки писем

  • Регистрация доменного имени в зоне .ru
  • Хостинг (1 год)
  • Индивидуальный дизайн
  • Поддержка РНР,MySQL
  • От 5 до 14 страниц сайта
  • Система управления сайтом,вы сами можете менять содержимое
  • Форма сообщений
  • Заказать

Недорогой но высококачественный сайт. Такое может быть? Да. У нас может быть всё. Достойное качество по доступной цене.
С точки зрения нашей студии создание сайта недорого значит, прежде всего, отменно, технологично и потом уже — недорого.
Удаленная форма работы с клиентами оптимизирует наши расходы и мы можем делать сайты по всему миру. Вам совсем не нужно приезжать к нам. Мы сэкономим Ваше время и средства.

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

JavaScript (Java-скрипт, яваскрипт) — язык обработки сценариев, позволяющий выполнять на компьютере пользователя определенные действия с HTML-страницами и объектами, размещенными на ней. JavaScript (яваскрипт, ява скрипт, джаваскрипт, джава скрипт, js, jscript, ECMAScript) — объектно-ориентированный язык программирования. Интерпретатор (выполняется пошагово). В отличии от PHP выполняется не на сервере, а на клиенте (в браузере). Не требует специальной установки и настройки, поддерживается всеми современными браузерами, однако, в некоторых случаях может быть отключен по соображениям безопасности. Обычно используется для интерактива (небольших вычислений, проверки введенных значений, анимации и т.д.). Является частью технологии Ajax.

В сети много различных справочников JavaScript с примерами, но очень немногие описывают, а особенно показывают каков будет результат и вот решил создать on-line справочник, разбитый на категории и рубрики.У меня часто возникала проблема какие-то скрипты идут в Internet Explorer и Opera, а в FireFox не работают, сделал подборку скриптов, которые работают в этих трёх браузерах.

Если бы это было возможно, то спамеры бы этим постоянно пользовались. Зашли бы вы на какую нибудь злую страничку, а JavaScript на ней как начал рассылать почту через вас. К счастью такое невозможно.

Так что письма можно отправлять только с серверной стороны.

Привет, Друзья! Хочу представить вашему вниманию универсальный скрипт отправки данных из форм на email. Скрипт идеально подойдет для сайтов типа Landing Page, сайтов визиток и т.д. Наш скрипт Формы обратной связи выделяется среди массы остальных скриптов в интернете тем, что имеет возможность подключения неограниченного количества форм с разными полями на одной странице и способен отправлять письма нескольким получателям.

Читайте также:  Свет на экране монитора

Итак. Давайте приступим. Начнем пожалуй с возможностей скрипта.

  1. Подключение неограниченного количества форм на одной странице.
  2. Проверка правильности заполнения полей.
  3. Настройка уведомлений.
  4. Возможность использования шаблонов писем для каждой формы.
  5. Тип письма — html (если используются html теги)
  6. Отправка на неограниченное количество адресов.
  7. Индивидуальная настройка каждой формы.
  8. Скрипт работает на AJAX, без перезагрузки страницы.
  9. Защита от спам ботов.

Первоначальная настройка.

Скрипт работает на основе библиотеки jQuery, поэтому первое что нам необходимо сделать это подключить ее. Для этого рекомендую воспользоваться Google Hosted Libraries.

О остальных файлах давайте подробнее:

feedback.js — основной файл скрипта, отвечает за AJAX отправку формы.
jquery.arcticmodal.js,
jquery.arcticmodal.css
— обеспечивают возможность вывода форм в модальном окне.
jquery.jgrowl.js,
jquery.jgrowl.css
— позволяют выводить уведомления на странице (блоки в верхнем углу страницы).

HTML и обязательные атрибуты.

Обязательным атрибутом для всех элементов формы является атрибут name="" — необходим для последующей настройки формы.
Для кнопки (type=«button») обязательно нужно указать class=«feedback». Так же хочу обратить ваше внимание на то, что в качестве кнопки может выступать любой html тег с классом «feedback».

Вызов формы в модальном окне

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

Так как форма должна быть видна только в модальном окне ее нужно скрыть, поместив в div с атрибутом style=«display: none;», а также для стилизации модального окна обернуть в парочку стандартных дивов.

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

Пример настроек для одной формы

Настройки всех форм хранятся в файле feedbackindex.php

Для добавления настроек новой формы, нужно по примеру массива $form[‘form-1’] создать новый массив $form[»]

Помните я говорил о обязательном атрибуте name=""?

Обязательным атрибутом для всех элементов формы является атрибут name="" — необходим для последующей настройки формы.

Так вот пришло время рассказать для чего же он все таки нужен.
name="" — это буквенно-цифровой ключ для массива, должен быть уникальным для массива $form[»]

Читайте также:  Как делать проект на компьютере поэтапно

Пример html кода для наглядности

Теперь давайте разберемся с массивами и для чего они нужны.

$form[‘form-1’] = array();
$form[‘form-2’] = array(); и т.д.
Это основные массивы для каждой новой формы, содержат в себе:

  1. ‘fields’ => array(); — Массив настроек элементов формы.
    • ‘name’ => array(); — Массив настроек элемента формы (например input name=«name» type=«text») который имеет ряд настроек.
      • ‘title’ => ‘Ваше имя’ — название элемента формы, будет выводится при ошибках или в шаблоне
      • ‘validate’ => array(); — массив, содержит правила валидации элемента формы
        • ‘preg’ => ‘%[A-Z-a-zА-Яа-яs]%’ — регулярное выражение
        • ‘minlength’ => ‘3’ — минимальный размер поля
        • ‘maxlength’ => ’35’ — максимальный размер поля
        • ‘substr’ => ’35’ — всегда обрезать до N символов
        • ‘messages’ => array(); — массив, содержит сообщения валидации, а именно:
          • ‘preg’ => ‘Элемент формы не соответствует регулярному выражению’ — ошибка валидации, ключ(preg) не соответствие ключу валидации
          • ‘minlength’ => ‘Минимальная длинна поля [ %1$s ] меньше допустимой — %2$s’ — ошибка валидации, ключ(preg) не соответствие ключу валидации
          • ‘maxlength’ => ‘Максимальная длинна поля [ %1$s ] превышает допустимую — %2$s’ — ошибка валидации, ключ(preg) не соответствие ключу валидации
          • ‘cfg’ => array(); — Массив настроек формы.
            • ‘charset’ => ‘utf-8’ — кодировка
            • ‘subject’ => ‘Тема письма’, — Тема письма
            • ‘title’ => ‘Заголовок в теле письма’, — Заголовок в теле письма
            • ‘ajax’ => true, — это аякс форма TODO (если не нужно, поставить — false)
            • ‘validate’ => true, — (true) если хотим валидацию формы на сервере, заменяет js валидацию при ‘ajax’ => true. Когда выкл(false) то можно не задавать настройки validate полей. TODO
            • ‘from_email’ => ‘myemail’, — отправитель, указать имя поля(name=«myemail»), а если не нужно email от пользователя, тогда заглушку noreply@email.com
            • ‘from_name’ => ‘myname’, — отправитель, указать имя поля(name=«myname»), а если не нужно имени пользователя, тогда заглушку No-reply
            • ‘to_email’ => ‘noreply1@email.com’, — email получателя. Для отправки на несколько адресов перечислить их через запятую. Пример (‘to_email’ => ‘noreply1@email.com, noreply2@email.com, noreply3@email.com’,)
            • ‘to_name’ => ‘noreply1’, — Имя получателя. При отправке на несколько адресов через запятую перечислить имена получателей. Пример (‘to_name’ => ‘noreply1, noreply2, noreply3’,)
            • ‘geoip’ => true, — узнать местоположение по типу TODO
            • ‘referer’ => false, — добавлять URL страницы с которой была отправлена форма
            • ‘type’ => ‘plain’, — тип письма — plain, html (если используются html теги)
            • ‘tpl’ => false, — использовать шаблон письма. Если true, то будет подключен файл шаблона, в соответствии с именем формы (name=«form-1»), из папки и обработан файл (feedback/tpl/form-1.tpl), в противном случае будет отправлено все как есть, каждое поле с новой строки
            • ‘antispam’ => ’email77′, — Анти спам, метод основан на скрытом (display:none) поле, которое автоматом заполняет только робот, тем самым выдает себя.
            • ‘antispamjs’ => ‘address77’, — Анти спам, метод основан на скрытом (display:none) поле, изначально заполненное, которое автоматически очищает javascript при загрузке страницы, даже умный робот не может это предвидеть, и тогда он блокируется.
            • ‘okay’ => ‘Сообщение пользователю’, — Сообщение пользователю, выводится при условии успешно отправленной формы, можно использовать html теги.
            • ‘fuck’ => ‘Сообщение пользователю’, — Сообщение пользователю, выводится при возникновении ошибки отправки формы, можно использовать html теги.
            • ‘spam’ => ‘Сообщение пользователю’, — Сообщение пользователю, выводится при подозрении на спам робот, можно использовать html теги.
            • ‘notify’ => ‘color-modal’, — какой тип уведомлений показывать, textbox — блоки в верхнем углу страницы, color — цветная подсветка в форме, modal — модальное окно в центре страницы, none — отключить. Можно совмещать, пример: color-modal — ошибки заполнения подсветкой полей, а текстовый статус отправки в модальном окне TODO
            • ‘usepresuf’ => false — Используется ли кастомное добавление к теме либо к заголовку письма, на случай не большого изменения можно указать например %%cfg.title.suffix%%, для этого в форме должно быть скрытое поле, подробнее, см. ф-цю presuf()
            Читайте также:  Цифровое вещание что это такое

            Настройка шаблонов писем

            Итак. давайте теперь разберемся с темизацией наших сообщений.
            Во-первых, для того, что-бы форма была отправлена в шаблоне, в настройках формы нужно включить использование файла шаблона — ‘tpl’ => true,
            Во-вторых, нужно создать файл шаблона с расширением *.tpl в папке (feedback/tpl/), в соответствии с именем формы (name=«form-1»).

            Пример: (feedback/tpl/form-1.tpl)

            name, tell и т.д. — Это атрибуты (name="") полей которые заполняет пользователь.
            title — Название элемента формы, которое задается в массиве настроек элементов формы.
            value — Значение элемента формы.

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

            Ссылка на основную публикацию
            Adblock detector