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

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

 

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

 

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

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

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

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

 

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

 

ВНИМАНИЕ!

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

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

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

 

Код (html):

1. <p>{element label="Дата прибытия" /}
2. <input type="date" name="date" required/></p>
3. <p>{element label="Дата отбытия" /}
4. <input type="date" name="date" required/></p>

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

Код (html):

1. name="date_in"
2. name="date_out"

 

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

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

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

 

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

 

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

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

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

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

Код (PHP):

1. function renderElement($elem){
2.      $result = $elem->code;
3.      $result = preg_replace("/{\/?element(.*?)(?=})}/i",'',$result);
4.      $name = $elem->name;
5.      $id = $elem->id;
6.      $class = @$elem->class;
7.      $default = @$elem->value;
8.      $placeholder = @$elem->placeholder;
9.      $label = '';
10.      if($elem->label!='') $label = '<label for="'.$elem->id.'">'.$elem->label.($elem->required?' <span>*</span>':'').'</label> ';
11.      switch($elem->type){
12.        case 'text':
13.          $onchange = @$elem->onchange;
14.          if(count($elem->requests)) $default = $elem->requests[0];
15.          $attribs = array();
16.          $attribs[] = 'name="'.$name.'"';
17.          $attribs[] = 'id="'.$id.'"';
18.          if($class) $attribs[] = 'class="'.$class.'"';
19.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
20.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
21.          $result.= '<input type="text" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
22.        break;

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

Код (PHP):

1. case 'tel':
2.          $onchange = @$elem->onchange;
3.          if(count($elem->requests)) $default = $elem->requests[0];
4.          $attribs = array();
5.          $attribs[] = 'name="'.$name.'"';
6.          $attribs[] = 'id="'.$id.'"';
7.          if($class) $attribs[] = 'class="'.$class.'"';
8.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
9.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
10.          $result.= '<input type="tel" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
11.        break;
12.        case 'date':
13.          $onchange = @$elem->onchange;
14.          if(count($elem->requests)) $default = $elem->requests[0];
15.          $attribs = array();
16.          $attribs[] = 'name="'.$name.'"';
17.          $attribs[] = 'id="'.$id.'"';
18.          if($class) $attribs[] = 'class="'.$class.'"';
19.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
20.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
21.          $result.= '<input type="date" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
22.        break;
23.        case 'email':
24.          $onchange = @$elem->onchange;
25.          if(count($elem->requests)) $default = $elem->requests[0];
26.          $attribs = array();
27.          $attribs[] = 'name="'.$name.'"';
28.          $attribs[] = 'id="'.$id.'"';
29.          if($class) $attribs[] = 'class="'.$class.'"';
30.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
31.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
32.          $result.= '<input type="email" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
33.        break;
34.        case 'url':
35.          $onchange = @$elem->onchange;
36.          if(count($elem->requests)) $default = $elem->requests[0];
37.          $attribs = array();
38.          $attribs[] = 'name="'.$name.'"';
39.          $attribs[] = 'id="'.$id.'"';
40.          if($class) $attribs[] = 'class="'.$class.'"';
41.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
42.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
43.          $result.= '<input type="url" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
44.        break;
45.        case 'time':
46.          $onchange = @$elem->onchange;
47.          if(count($elem->requests)) $default = $elem->requests[0];
48.          $attribs = array();
49.          $attribs[] = 'name="'.$name.'"';
50.          $attribs[] = 'id="'.$id.'"';
51.          if($class) $attribs[] = 'class="'.$class.'"';
52.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
53.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
54.          $result.= '<input type="time" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
55.        break;

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


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



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

Код (PHP):

1. case 'tel':
2.          $onchange = @$elem->onchange;
3.          if(count($elem->requests)) $default = $elem->requests[0];
4.          $attribs = array();
5.          $attribs[] = 'name="'.$name.'"';
6.          $attribs[] = 'id="'.$id.'"';
7.          if($class) $attribs[] = 'autofocus class="'.$class.'"';
8.          if($onchange) $attribs[] = 'onchange="'.$onchange.'"';
9.          if($placeholder) $attribs[] = 'placeholder="'.$placeholder.'"';
10.          $result.= '<input type="tel" '.implode(' ',$attribs).' value="'.htmlspecialchars($default).'" />';
11.        break;

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

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

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

Код (PHP):

1. function check(&$form,$request){
2.  
3.      $checkVal = $this->getParam($request,$this->name,null);
4.  
5.  
6.      if(in_array($this->type,array('text','tel','date','email','url','time','textarea'))){
7.  
8.        $checkVal = trim($checkVal);
9.  
10.        if(($this->required&&$checkVal=='')||($this->regex!=''&&!preg_match($this->regex,$checkVal))){
11.  
12.          $this->setError($this->error);
13.  
14.          return false;
15.  
16.        }
17.  
18.        $this->requests[] = $checkVal;
19.  
20.      }

 

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