javascript42
Главная
Все учебники
Блог
Учебник AutoNumeric
Введение
Что такое AutoNumeric
История и развитие библиотеки
Преимущества использования
Когда использовать AutoNumeric
Альтернативные решения
Установка и подключение
Установка через npm
Установка через yarn
Подключение через CDN
Загрузка и локальное подключение
Проверка корректности установки
Совместимость с браузерами
Требования к окружению
Базовое использование
Инициализация на элементе input
Инициализация через селекторы
Инициализация множественных элементов
Автоматическая инициализация
Уничтожение экземпляра
Проверка инициализации элемента
Форматирование чисел
Основные принципы форматирования
Разделители разрядов
Десятичный разделитель
Количество десятичных знаков
Фиксированное количество знаков
Округление чисел
Отрицательные числа
Положение знака минус
Скобки для отрицательных значений
Валюты
Символ валюты
Позиция символа валюты
Пробелы между числом и символом
Предустановленные настройки валют
Доллар США
Евро
Британский фунт
Японская йена
Швейцарский франк
Российский рубль
Другие распространенные валюты
Создание собственных настроек валют
Диапазоны значений
Минимальное значение
Максимальное значение
Обработка выхода за границы
Поведение при превышении лимитов
Ограничения для положительных чисел
Ограничения для отрицательных чисел
Снятие ограничений
Пользовательский ввод
Обработка ввода с клавиатуры
Разрешенные символы
Запрещенные символы
Поведение при вводе букв
Копирование и вставка
Автозаполнение браузера
Отмена и повтор операций
Поведение при фокусе
Выделение содержимого при фокусе
Позиция курсора при фокусе
Отображение при получении фокуса
Отображение при потере фокуса
Режим только для чтения
Специальные режимы ввода
Режим процентов
Режим с плюсом и минусом
Режим только положительных чисел
Режим только отрицательных чисел
Режим целых чисел
Числовой режим на мобильных устройствах
Получение и установка значений
Метод get для чтения значения
Метод getNumericString
Метод getFormatted
Метод getNumber
Метод set для установки значения
Установка через setAttribute
Программное изменение значения
Очистка значения
События
Встроенные события AutoNumeric
Событие autoNumeric:initialized
Событие autoNumeric:rawValueModified
Событие autoNumeric:formatted
Интеграция со стандартными событиями
Событие change
Событие input
Событие blur и focus
Создание пользовательских обработчиков
Форматирование на лету
Динамическое изменение формата
Метод update
Обновление настроек валюты
Обновление разделителей
Обновление точности
Перерисовка отформатированного значения
Работа с формами
Интеграция с HTML-формами
Отправка данных формы
Формат данных при сабмите
Валидация перед отправкой
Работа с скрытыми полями
Множественные поля в одной форме
Сброс формы
Глобальные настройки
Установка настроек по умолчанию
Переопределение глобальных настроек
Наследование настроек
Приоритет локальных настроек
Локализация
Настройки для разных регионов
Европейский формат
Американский формат
Азиатский формат
Создание собственных локалей
Переключение между локалями
Стилизация
CSS-классы AutoNumeric
Стилизация положительных значений
Стилизация отрицательных значений
Стилизация нулевых значений
Стилизация при фокусе
Стилизация ошибок
Кастомные стили
Расширенные опции
Модификация отображения нуля
Пустые значения
Ведущие нули
Суффиксы и префиксы
Группировка разрядов
Индийская система счисления
Китайская система счисления
Методы форматирования
Статический метод format
Форматирование без инициализации
Метод formatAndSet
Метод unformat
Метод unformatLocalized
Валидация форматированной строки
Работа с несколькими экземплярами
Метод multiple
Синхронизация настроек
Групповые операции
Удаление группы экземпляров
Итерация по экземплярам
Интеграция с фреймворками
Использование с vanilla JavaScript
Интеграция с jQuery
Работа с React
Работа с Vue.js
Работа с Angular
Работа с Svelte
Производительность
Оптимизация инициализации
Работа с большими списками
Ленивая инициализация
Отключение лишних опций
Профилирование производительности
Отладка
Включение режима отладки
Анализ ошибок инициализации
Проверка конфигурации
Логирование событий
Распространенные проблемы
Миграция версий
Отличия версий 2.x и 4.x
Устаревшие опции
Новые возможности
Изменения в API
План миграции
Расширение функциональности
Создание пользовательских правил
Кастомные обработчики событий
Плагины для AutoNumeric
Интеграция со сторонними библиотеками
Тестирование
Юнит-тесты для форматирования
Тестирование пользовательского ввода
Тестирование интеграции с формами
Автоматизированное тестирование
Мокирование пользовательских действий
Безопасность
Валидация пользовательского ввода
Предотвращение XSS
Санитизация данных
Ограничение диапазонов
Проверка типов данных
Доступность
ARIA-атрибуты
Навигация с клавиатуры
Поддержка скрин-ридеров
Визуальные индикаторы
Соответствие стандартам WCAG
Справочник API
Конструктор AutoNumeric
Параметры инициализации
Публичные методы
Статические методы
Свойства экземпляра
Константы и перечисления
Справочник опций
digitGroupSeparator
decimalCharacter
decimalPlaces
currencySymbol
currencySymbolPlacement
minimumValue
maximumValue
allowDecimalPadding
negativeBracketsTypeOnBlur
emptyInputBehavior
leadingZero
roundingMethod
selectOnFocus
modifyValueOnWheel
watchExternalChanges
Полный список опций