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

AKopytenko · Mar 5, 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. Надеюсь, что появление этой темы его подбодрит!

Ads Master

ZyX · Mar 6, 2014

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

AKopytenko · Apr 23, 2014

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

ZyX · Apr 23, 2014

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

AKopytenko · Jun 2, 2014

ZyX said: ↑

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

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

--- добавлено: Jun 2, 2014, первое сообщение размещено: Apr 23, 2014 ---

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

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

ZyX · Jun 8, 2014

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

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

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

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

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

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

--- добавлено: Jun 8, 2014 ---

shurikkan said: ↑

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

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

AKopytenko · Jun 15, 2014

ZyX said: ↑

Легко лечиться отключением показа ошибок на сайте в настройках.
Click to expand...

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

ZyX · Jun 15, 2014

shurikkan said: ↑

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

Согласен

AKopytenko · Jul 28, 2014

ВНИМАНИЕ!

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

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

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

Masterocek · Mar 22, 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 · Mar 8, 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 · Mar 22, 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 · Mar 13, 2015

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

AKopytenko · Mar 22, 2015

vyatka said: ↑

за счет свободы в верстке вывода формы
Click to expand...

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

--- добавлено: Mar 22, 2015, первое сообщение размещено: Mar 19, 2015 ---

Masterocek said: ↑

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

Код (html):

...

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

...

Click to expand...

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

yaka · Apr 29, 2015

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

OlegK · Apr 30, 2015

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

yaka · May 4, 2015

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

CB9T · May 25, 2015

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

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

HTML5 Input Types

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

Click to expand...

Для этого в файле: 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 · May 18, 2015

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

zazaka · Jul 4, 2016

ZyX said: ↑

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

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

Log in or Sign up

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

AKopytenko Russian Joomla! Team Staff Member

Ads Master

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

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

OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

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

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

AKopytenko Russian Joomla! Team Staff Member

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

OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

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

CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

AKopytenko Russian Joomla! Team Staff Member

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

Share This Page

Log in or Sign up

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

AKopytenko Russian Joomla! Team Staff Member

Ads Master

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

ZyX Модератор

AKopytenko Russian Joomla! Team Staff Member

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

OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

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

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

AKopytenko Russian Joomla! Team Staff Member

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

OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

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

CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

AKopytenko Russian Joomla! Team Staff Member

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

Share This Page

Useful Searches