javascript42
Главная
Все учебники
Блог
Учебник Inputmask
Введение
Что такое Inputmask
История и эволюция библиотеки
Преимущества использования
Когда стоит применять маски ввода
Установка и подключение
Базовая настройка окружения
Основы работы с Inputmask
Первая маска: простой пример
Синтаксис определения масок
Привязка маски к элементу
Статические и динамические маски
Необязательные части маски
Плейсхолдеры и их настройка
Удаление маски с элемента
Типы масок
Числовые маски
Маски для телефонных номеров
Маски для дат и времени
Email-маски
IP-адреса
Маски для валют
Пользовательские regex-маски
Маски для кредитных карт
Опции и параметры конфигурации
Глобальные настройки
placeholder и showMaskOnHover
showMaskOnFocus
clearMaskOnLostFocus и clearIncomplete
greedy режим
autoUnmask
removeMaskOnSubmit
insertMode и overwriteMode
rightAlign
tabThrough
jitMasking
Определения масок
Встроенные символы-определители
Создание собственных определений
Переопределение стандартных символов
Escape-последовательности
Группировка и альтернативы
Квантификаторы в масках
Работа с событиями
oncomplete
onincomplete
oncleared
onKeyDown и onBeforeWrite
onKeyUp
onBeforeMask и onBeforePaste
onUnMask
isComplete проверка
Валидация ввода
Встроенная валидация
Пользовательская валидация
Функция isValid
positionCaretOnClick
Ограничение диапазона значений
Обработка некорректного ввода
Числовые маски: углубленное изучение
Целые числа
Десятичные числа и разделители
Настройка формата чисел
Группировка разрядов
Префиксы и суффиксы
Отрицательные числа
radixPoint настройка
min и max значения
allowMinus и allowPlus
Маски дат: продвинутые техники
Различные форматы дат
Настройка разделителей
Валидация корректности дат
Високосные годы
Диапазоны допустимых дат
Маски времени
Комбинированные маски даты и времени
Динамические маски
Основы динамических масок
Использование функций для генерации масок
Условная логика в масках
Изменение маски на лету
Множественные варианты масок
Regex-маски
Синтаксис регулярных выражений в Inputmask
Базовые паттерны
Продвинутые регулярные выражения
Группы захвата
Lookahead и lookbehind
Ограничения regex-масок
Алиасы масок
Встроенные алиасы
Создание собственных алиасов
Расширение существующих алиасов
Переопределение алиасов
Организация библиотеки алиасов
Работа с форматированием
Автоматическое форматирование при вводе
Форматирование при потере фокуса
Сохранение и восстановление позиции курсора
Обработка вставки текста
Форматирование программно установленных значений
Интеграция с фреймворками
Использование с React
Интеграция с Vue.js
Angular и Inputmask
Работа с jQuery
Vanilla JavaScript подход
Программное управление
Получение и установка значений
Метод getValue
Метод setValue
Управление фокусом
Программная валидация
Доступ к внутреннему состоянию
Маски для специфичных форматов
IBAN
ISBN
VIN-номера
Почтовые индексы разных стран
Номера паспортов и документов
Коды банковских карт
MAC-адреса
Локализация и интернационализация
Настройка локали
Форматы чисел для разных регионов
Форматы дат по странам
Разделители и их локализация
Направление ввода (RTL/LTR)
Стилизация и UI
Кастомизация плейсхолдера
CSS-классы для состояний
Визуальная индикация валидности
Адаптация под дизайн-системы
Доступность (accessibility)
Производительность и оптимизация
Управление памятью
Оптимизация для больших форм
Ленивая инициализация
Удаление неиспользуемых масок
Профилирование и дебаг
Обработка ошибок
Типичные ошибки и их решения
Отладка масок
Логирование и диагностика
Конфликты с другими библиотеками
Решение проблем с браузерами
Тестирование
Юнит-тестирование масок
Тестирование пользовательского ввода
Автоматизация тестов
Проверка валидации
E2E тестирование форм
Миграция и обновления
Переход между версиями
Deprecated функционал
Breaking changes
Стратегии миграции
Совместимость с legacy-кодом
Расширение функциональности
Создание плагинов
Хуки и middleware
Кастомные обработчики событий
Расширение API
Интеграция сторонних решений
Безопасность
Защита от XSS
Санитизация ввода
Валидация на стороне клиента и сервера
Обработка специальных символов
Предотвращение инъекций
Продвинутые паттерны использования
Составные маски
Маски с внешними источниками данных
Альтернативы и сравнение
Cleave.js
IMask.js
Vanilla Masker
Выбор подходящего решения
Критерии оценки библиотек
Справочник API
Методы экземпляра
Статические методы
Свойства конфигурации
Типы возвращаемых значений
Константы и перечисления