vanilla-masker

VanillaMasker is a lightweight, dependency-free JavaScript library for applying input masks to HTML form elements. It enables developers to format user input for money, numbers, and custom patterns like phone numbers or dates without relying on jQuery or other frameworks.

Key Features

• Money Formatting — Masks input as currency with configurable precision, separators, and units.
• Number-Only Input — Restricts input to numeric characters and converts strings to numbers.
• Custom Pattern Masking — Applies user-defined masks (e.g., phone numbers, dates, IDs) using pattern syntax.
• Dynamic Mask Switching — Allows masks to change based on input length or content.
• Unmasking Support — Removes masks from input elements when needed.
• Cross-Browser Compatibility — Works across desktop and mobile browsers, including IE8+.

Philosophy

VanillaMasker promotes a lightweight, micro-library approach to client-side development, focusing on simplicity and performance without external dependencies.