uNmAnNeR/imaskjs
Imaskjs
imaskjs es una librería de máscara de entrada de JavaScript y gestor de entrada DOM utilizado para aplicar patrones, tipos de datos y rangos específicos a la entrada del usuario en tiempo real. Sirve como una librería de formato de datos y herramienta de validación de entrada que transforma valores de entrada sin procesar en cadenas formateadas utilizando máscaras y tuberías personalizadas.
El proyecto proporciona capacidades de enmascaramiento dinámico, permitiendo que los patrones de entrada cambien o se alternen en tiempo real basándose en los caracteres que el usuario escribe. Soporta restricciones de entrada complejas incluyendo expresiones regulares, rangos numéricos, verificación basada en fechas y enumeraciones de caracteres.
La librería cubre una amplia gama de tareas de procesamiento de entrada y gestión de datos, incluyendo transformaciones de pre y post-procesamiento, extracción de valores sin procesar para envío a API y la aplicación de máscaras tanto a campos de entrada HTML estándar como a elementos contenteditable.
Features
- Input Masks - Enforces specific formatting patterns, data types, and ranges on user input fields in real-time.
- Real-time Input Formatting - Enforces specific patterns and data types in JavaScript text fields by dynamically formatting input as it is typed.
- Field Value Extraction - Retrieves raw input data by removing formatting characters and placeholders for backend system submission.
- Raw Value Extraction - Retrieves the underlying raw data separately from the formatted display string to ensure data integrity.
- Raw Value Extraction - Separates formatted display strings from raw values to ensure data integrity when sending input to an API.
- Pattern-Based Validators - Restricts user input by matching characters against predefined tokens or regular expressions.
- Dynamic Mask Switching - Selects the most appropriate mask from a collection based on the characters the user types in real time.
- DOM Input Managers - Applies formatting and constraints to standard HTML input fields and contenteditable elements.
- Input Data Formatting - Transforms raw user text into standardized, masked strings during the data entry phase.
- Input Event Interceptors - Intercepts keyboard and input events to apply formatting in real-time before the browser updates the DOM.
- Dynamic Mask Definitions - Creates input patterns that change on the fly based on the current value or custom logic.
- Masking Libraries - Provides a comprehensive JavaScript library for enforcing specific patterns, data types, and ranges on user input in real-time.
- Pattern Constraints - Restricts user input to specific sequences of characters using predefined tokens and custom definitions.
- Dynamic Masking - Changes the expected input pattern in real time based on what the user is typing or selecting.
- Input Validation Constraints - Restricts text entry using regular expressions, numerical ranges, and date-based constraints.
- Input Value Transformations - Processes raw user input through a sequence of callbacks to format data in real time.
- Real-Time Input Validation - Forces user input to match specific patterns, ranges, or types during the active typing process.
- Numeric Range Constraints - Restricts number inputs to a specific minimum and maximum range to ensure data integrity.
- Input Transformation Pipelines - Processes values through a pipeline to convert or reformat data as it is entered.
- Data Transformation Pipelines - Transforms values through a sequence of custom conversion and formatting functions before they are displayed.
- Range Constraints - Enforces minimum and maximum numerical value thresholds for integer inputs.
- Input - Transforms the final masked value using a callback after the user completes their interaction with the interface.
- Regular Expression Validations - Forces user input to match specific patterns using regular expressions or fixed patterns.
- Input Pre-processing Hooks - Modifies input characters or strings using callbacks before the system applies them to the active mask.
- Input Element Wrappers - Provides a standardized wrapper to manage interactions across different input types, including text fields and contenteditable elements.
- Field Customization - Modifies the processing and interaction logic of input strings via custom pipelines and callbacks.
- Date Input Validation - Provides validation rules to restrict date inputs via temporal boundaries or custom logic.
- Mask Behavior Configurations - Controls how placeholders appear and manages how existing text is overwritten during the input process.
- Value Synchronization - Maintains a clear distinction and synchronization between the formatted display string and the raw underlying data value.
- Custom Logic Validation - Executes custom validation functions to perform complex checks on input values beyond simple pattern matching.
- Enumeration Constraints - Limits user input to a specific set of allowed characters or strings from a provided enumeration.
- Numeric Constraints - Limits input to integers or decimals with configurable scales, radix characters, and thousands separators.
- Logic Customizers - Transforms input data using custom functions or pipes to apply specific formatting rules during typing.
- Form Data Validation - Restricts input values to specific ranges, dates, or enumerations to prevent invalid data submission.
- Miscellaneous Tools - Input masking library for JavaScript.
