FAQ SimpleForm / SimpleForm II: простые и функциональные конструкторы форм

AKopytenko · 05.03.2014

Модуль SimpleForm позволяет просто создавать модули с формами любой сложности со всеми распространёнными элементами ввода: input, select, checkbox, textarea, radio-button.

Страница в каталоге JED: http://extensions.joomla.org/extensions/contacts-and-feedback/forms/16473

Официальный сайт расширения: http://allforjoomla.ru/

Доступные атрибуты элементов:

type
Определяет тип элемента. Возможные значения: text, textarea, select, radio, button, submit, reset, checkbox, captcha, file (елемент "file" добавлен в версии 1.0.1).

label
Определяет поясняющую надпись возле элемента.

required
Если значение этого атрибута равно "required", то заполнение данного элемента будет обязательным для пользователя.

regex
Значением этого атрибута может быть регулярное выражение для проверки правильности заполнения элемента, у которого назначен этот атрибут.

error
Значением этого атрибута может быть текст сообщения об ошибки вызванной незаплнением элемента, у которого определен этот атрибут и атрибут required имеет значение "required", либо введенные данные не прошли проверку регулярного выражения.

value
Значение этого атрибута является значением элемента по-умолчанию.

class
Если этот атрибут не пустой, то элементу будет задан CSS класс из значения этого атрибута.

multiple
Данный атрибут может использоваться только в элементе с типом: select. Определяет можно ли выбрать несколько вариантов значений. Возможные значения: multiple.

selected
Применяется только к элементам типа: select, radio и checkbox. Определяет, отмечен ли элемент по-умолчанию.

width
Используется только в элементах типа: captcha. Определяет ширину изображения в пикселах. Возможные значения: целое число не менее 100.

height
Используется только в элементах типа: captcha. Определяет высоту изображения в пикселах. Возможные значения: целое число не менее 50.

onclick
Используется только в элементах типа: button, reset, checkbox. Определяет HTML атрибут onclick.

onchange
Используется только в элементах типа: text, textarea, select. Определяет HTML атрибут onchange.

extensions
Используется только в элементах типа: file. Определяет расширения файлов доступных для загрузки перечисленных через запятую. Например: gif, jpg, zip

maxsize
Используется только в элементах типа: file. Определяет мексимальный размер загржаемого файла. Принимает значения в килобайтах и магабайтах. Например, чтобы задать максимальный размер загружаемого файла в 200 килобайт нужно написать: 200Kb. Для размера в 1 мегабайт: 1Mb.

color
Используется только в элементах типа: captcha. Определяет цвет надписи в формате HEX. Если отсутствует - цвет генерируется случайным образом. (добавлен в версии 1.0.5)

background
Используется только в элементах типа: captcha. Определяет цвет фона в формате HEX. Если отсутствует - цвет генерируется случайным образом. (добавлен в версии 1.0.5)

Отличительная черта модуля - его простота и "лёгкость", по сравнению с известными конкурентами (перечисление будет некорректным .

Модуль распространяется бесплатно, при условии сохранения копирайта разработчика. Для удаления копирайта можно перечистить на счёт разработчика 10$ - небольшая сумма для удобного модуля.

P.S. Эта тема создана по просьбе разработчика сего хорошо себя зарекомендовавшего расширения. К сожалению, уже несколько месяцев автора никак не могут растолкать выпилить версию модуля для Joomla 3. Надеюсь, что появление этой темы его подбодрит!

Наши спонсоры

ZyX · 06.03.2014

Действительно сработало. Сделал simpleForm2 и под Joomla 3.x
Скачать можно как обычно, тут: http://allforjoomla.ru/xmodules/mod-simpleform2

AKopytenko · 23.04.2014

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

ZyX · 23.04.2014

Вроде как есть она в настройках модуля

AKopytenko · 02.06.2014

ZyX сказал(а): ↑

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

Точно. Ёлки-палки. Как я не увидел то?...

--- добавлено: 02.06.2014, первое сообщение размещено: 23.04.2014 ---

При добавлении в форму полей типа checkbox в Joomla 3 на странице с формой появляется ошибка.

P.S.: Никак не появится комментарий мой про работу модуля на http://allforjoomla.ru/xmodules/mod-simpleform2 ...

ZyX · 08.06.2014

Сегодня залил новую версию модуля. Нововведения следующие:

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

В качестве значений для параметров "E-mail ответного письма" и "E-mail получателя" можно указывать имя элемента формы

Добавлена возможность задавать каждому элементу формы имя параметром "name". В качестве имени можно использовать только цифры и латинские буквы.

Данные об отправителе писем берутся из настроек сайта

Скачать можно все там же: http://allforjoomla.ru/xmodules/mod-simpleform2
Либо обновиться из администраторской панели сайта, если модуль у вас уже установлен.

--- добавлено: 08.06.2014 ---

shurikkan сказал(а): ↑

При добавлении в форму полей типа checkbox в Joomla 3 на странице с формой появляется ошибка.
Нажмите, чтобы раскрыть...

Появляется не ошибка, а предупреждение (исправлено в версии 1.0.37). Легко лечиться отключением показа ошибок на сайте в настройках.
Рекомендация всем читающим - всегда на продакшн сайтах отключайте показ ошибок. Пользователю они ни к чему, а недоброжелателю дают информацию не в вашу пользу.
Поэтому рекомендую отключать показ ошибок, а на сервере включить логирование PHP ошибок без предупреждений и информации.
Таким образом вы всегда сможете отследить ошибки скрипта и при этом не испортить внешний вид сайта пользователю, а также не дать дополнительной информации недоброжелателю.

AKopytenko · 15.06.2014

ZyX сказал(а): ↑

Легко лечиться отключением показа ошибок на сайте в настройках.
Нажмите, чтобы раскрыть...

Это понятно, но всё-таки приятнее когда ни фаталов, ни ворнингов, ни нотисов нету

ZyX · 15.06.2014

shurikkan сказал(а): ↑

Это понятно, но всё-таки приятнее когда ни фаталов, ни ворнингов, ни нотисов нету
Нажмите, чтобы раскрыть...

Согласен

AKopytenko · 28.07.2014

ВНИМАНИЕ!

Если в своём шаблоне библиотека jQuery подключалась вручную (через обычный link в области head), не забывайте войти в настройки ВСЕХ добавленных ранее модулей SimpleForm II и установить в настройках:

Подключить библиотеку jQuery: No

К сожалению, включение настройки "Активировать безопасный режим jQuery" не решает вопрос конфликтов скриптов.

Masterocek · 22.03.2015

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

Код (html):

<style type="text/css">form.simpleForm label{display:block;}form.simpleForm label span{color:#ff0000;}form.simpleForm input.inputtext{width:215px;}form.simpleForm textarea.inputtext{width:215px;height:100px;}form.simpleForm textarea.inputtext_small{width:215px;height:50px;}</style>{form}

<p>{element label="Ф.И.О.: " type="text" required="required" error="Введите Ф.И.О." /}</p>

<p>{element label="E-mail: " type="text" required="required" error="Введите вашE-mail" /}</p>

<p>{element label="Телефон: " type="text" required="required" error="Введите ваш Телефон" /}</p>

<p>

{element label="Категория: " type="select"}

{option label="Эконом" value="Эконом" /}

{option label="Стандарт" value="Стандарт" /}

{option label="Люкс" value="Люкс" /}

{/element}

</p>

<p>

{element label="Человек: " type="select"}

{option label="1" value="1" /}

{option label="2" value="2" /}

{option label="3" value="3" /}

{option label="3" value="3" /}

{/element}

</p>

<p>{element label="Дата прибытия" /}

<input type="date" name="date" required/></p>

<p>{element label="Дата отбытия" /}

<input type="date" name="date" required/></p>

<p>{element type="submit" value="Отправить" /}</p>

{/form}

Просьба помогите разобраться что я не так делал
_________
ПРИ ВСТАВКЕ В СООБЩЕНИЕ КОДЫ ОБРАМЛЯЮТСЯ ТЕГАМИ !

OlegK · 08.03.2015

Код (html):

<p>{element label="Дата прибытия" /}

<input type="date" name="date" required/></p>

<p>{element label="Дата отбытия" /}

<input type="date" name="date" required/></p>

Атрибут измени, не применяй одинаковые имя инпутов

Код (html):

name="date_in"

name="date_out"

Masterocek · 22.03.2015

все равно ничего не поменялось вот да

Код (html):

<style type="text/css">form.simpleForm label{display:block;}form.simpleForm label span{color:#ff0000;}form.simpleForm input.inputtext{width:215px;}form.simpleForm textarea.inputtext{width:215px;height:100px;}form.simpleForm textarea.inputtext_small{width:215px;height:50px;}</style>

{form}

<p>{element label="Ф.И.О.: " type="text" required="required" error="Введите Ф.И.О." /}</p>

<p>{element label="E-mail: " type="text" required="required" error="Введите вашE-mail" /}</p>

<p>{element label="Телефон: " type="text" required="required" error="Введите ваш Телефон" /}</p>

<p>

{element label="Категория: " type="select"}

{option label="Эконом" value="Эконом" /}

{option label="Стандарт" value="Стандарт" /}

{option label="Люкс" value="Люкс" /}

{/element}

</p>

<p>

{element label="Человек: " type="select"}

{option label="1" value="1" /}

{option label="2" value="2" /}

{option label="3" value="3" /}

{option label="4" value="4" /}

{/element}

</p>

<p>{element label="Дата прибытия" /}

<input type="date" name=""date_in"" required/></p>

<p>{element label="Дата отбытия" /}

<input type="date" name="date_out" required/></p>

<p>{element type="submit" value="Отправить" /}</p>

{/form}

vyatka · 13.03.2015

Отличный модуль, ИМХО.
Для моих задач подошел идеально, за счет свободы в верстке вывода формы...

AKopytenko · 22.03.2015

vyatka сказал(а): ↑

за счет свободы в верстке вывода формы
Нажмите, чтобы раскрыть...

Вот за это я его не люблю.

--- добавлено: 22.03.2015, первое сообщение размещено: 19.03.2015 ---

Masterocek сказал(а): ↑

все равно ничего не поменялось вот да

Код (html):

...

<input type="date" name=""date_in"" required/></p>

...

Нажмите, чтобы раскрыть...

Почему имя поля два раза в кавычки взято?
И вместо required попробуй вписать полный вариант: required="required"

yaka · 29.04.2015

Здравствуйте, помогите пожалуйста с такой проблеммой:
Сайт работает на хостинге bitte.net.ua. На сайте не работает форма simple form 2, при обращении в службу потдержки получил такое сообщение:
"В целях борьбы со спам рассылками на сервере были внесены изменения, которые запрещают отправку писем через функцию mail с почтовым ящиком отправителя, не созданном в аккаунте и не указанном в качестве отправителя в почтовых настройках сайта".
Создал на хостинге почтовый ящик, подскажите пожалуйста где в форме simple form 2 можно указать почтовый ящик с которого необходимо отправлять сообщения.
Спасибо.

OlegK · 30.04.2015

а в общих настройках Джумла указан почтовый ящик?

yaka · 04.05.2015

Спасибо за помощь, все заработало, указал настройки SMTP в общих настройках Joomla

CB9T · 25.05.2015

Очень хочется увидеть в новых версиях HTML5 атрибуты.

tel, date, email, url и многие другие...

HTML5 Input Types

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

Нажмите, чтобы раскрыть...

Для этого в файле: simpleform2.class.php

Добавьте новый код примерно с 180 строки:

Код (PHP):

function renderElement($elem){

$result = $elem->code;

$result = preg_replace("/{\/?element(.*?)(?=})}/i",'',$result);

$name = $elem->name;

$id = $elem->id;

$class = @$elem->class;

$default = @$elem->value;

$placeholder = @$elem->placeholder;

$label = '';

if($elem->label!='') $label = '<label for="'.$elem->id.'">'.$elem->label.($elem->required?' <span>*</span>':'').'</label> ';

switch($elem->type){

case 'text':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="text" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

После него уже свое:

Код (PHP):

case 'tel':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="tel" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

case 'date':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="date" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

case 'email':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="email" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

case 'url':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="url" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

case 'time':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="time" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

Результат для хромоподобных:

Для мобильных устройств Android + Ipad:

Также можете немного изменить вывод для телефона (он скорей всего будет только 1 раз на странице) - поле ввода:

Код (PHP):

case 'tel':

$onchange = @$elem->onchange;

if(count($elem->requests)) $default = $elem->requests[0];

$attribs = array();

$attribs[] = 'name="'.$name.'"';

$attribs[] = 'id="'.$id.'"';

if($class) $attribs[] = 'autofocus class="'.$class.'"';

if($onchange) $attribs[] = 'onchange="'.$onchange.'"';

if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';

$result.= '<input type="tel" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';

break;

autofocus - Автоматически устанавливает фокус в поле формы. В таком поле можно сразу набирать текст без явного щелчка по нему курсором мыши. + магия HTML5

Далее обязательно добавить новые аттрибуты ниже, иначе они будут на frontend - но на почту не будут приходить.

Примерно 1017 строка:

Код (PHP):

function check(&$form,$request){

$checkVal = $this->getParam($request,$this->name,null);

if(in_array($this->type,array('text','tel','date','email','url','time','textarea'))){

$checkVal = trim($checkVal);

if(($this->required&&$checkVal=='')||($this->regex!=''&&!preg_match($this->regex,$checkVal))){

$this->setError($this->error);

return false;

}

$this->requests[] = $checkVal;

}

AKopytenko · 18.05.2015

@CB9T - молодец.
@ZyX, глянь как работает и выкладывай обновление??

zazaka · 04.07.2016

ZyX сказал(а): ↑

Действительно сработало. Сделал simpleForm2 и под Joomla 3.x
Скачать можно как обычно, тут: http://allforjoomla.ru/xmodules/mod-simpleform2
Нажмите, чтобы раскрыть...

Пытаюсь настроить вашу форму.
Задал все поля. Форма отображается.
Но после нажатия кнопки отправить - не появляется сообщение то что я ввел в админке в поле "Текст после обработки формы" и всё что я ввел в полях отстается (поля не очищаются) - сообщение на почту с заполненной формы приходит.
из за чего может не появлятся сообщение после обработки формы, куда копать?

Войти или зарегистрироваться

FAQ SimpleForm / SimpleForm II: простые и функциональные конструкторы форм

AKopytenko Russian Joomla! Team Команда форума

Наши спонсоры

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

Masterocek Недавно здесь

OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

Masterocek Недавно здесь

vyatka Пользователь

AKopytenko Russian Joomla! Team Команда форума

yaka Недавно здесь

OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

yaka Недавно здесь

CB9T Преподаватель по J! Команда форума ⇒ Профи ⇐

AKopytenko Russian Joomla! Team Команда форума

zazaka Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

FAQ SimpleForm / SimpleForm II: простые и функциональные конструкторы форм

AKopytenko Russian Joomla! Team Команда форума

Наши спонсоры

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

ZyX Модератор

AKopytenko Russian Joomla! Team Команда форума

Masterocek Недавно здесь

OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

Masterocek Недавно здесь

vyatka Пользователь

AKopytenko Russian Joomla! Team Команда форума

yaka Недавно здесь

OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

yaka Недавно здесь

CB9T Преподаватель по J! Команда форума ⇒ Профи ⇐

AKopytenko Russian Joomla! Team Команда форума

zazaka Недавно здесь

Поделиться этой страницей

Быстрый поиск