Skip to content
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  1. Компоненты
  2. PageBuilder
  3. Типы полей
  4. Pro
  5. imask

Поле imask

Версия: Pro.

Зачем этот тип

Телефон, ИНН, шаблон карты: маска на вводе, не только post-validation. mask или preset в schema. Pro advanced-fields.

Когда использовать

  • Телефон в полях contact_form
  • SKU или serial с фиксированным форматом
  • Шаблон промокода

Советы

Чистое число без маски: number. Значение строка с символами маски по preset.

Похожие типы

  • text без ограничения формата
  • url для ссылок, не телефонной маски

Настройка

json
{
  "name": "phone",
  "type": "imask",
  "label": "Телефон",
  "mask": "+7 (000) 000-00-00",
  "maskOptions": {
    "lazy": false
  },
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение

Строка по маске.

Данные секции

Ключ phone в данных секции: строка по маске:

json
{
  "phone": "+7 (495) 123-45-67"
}

Пример в chunk

html
<a href="tel:{$phone|escape}">{$phone|escape}</a>

Примечание

Короткая маска: mask. Полный конфиг IMask: maskOptions (object или JSON-строка).

Общие свойства

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25–100Ширина поля в % строки (flex)да
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse: скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да
  • Дополнительно: mask или maskOptions (JSON IMask).

Подробнее: обзор полей.

Дальше