Overview

Formatter.js is a lightweight, flexible JavaScript library designed to format user input based on specified patterns. Built from scratch without dependencies, it addresses the limitations of existing libraries, giving developers a robust tool for real-time input formatting. Its simplicity and functionality make it an invaluable resource for anyone looking to enhance user experience by guiding input effectively.

With both vanilla JavaScript and jQuery options available, Formatter.js allows for quick integration into projects, ensuring that user inputs conform to predetermined formats as they type. By providing a clear syntax for defining patterns, it offers both ease of use and powerful customization options, making it ideal for a variety of applications, from phone number entry to alphanumeric passwords.

Features

Dynamic Input Formatting: Utilize user-defined patterns that begin with {{ and end with }}, enabling real-time formatting as the user types.
Customizable Patterns: Define specific patterns using regular expressions, allowing tailored input for various data types like numbers and letters.
Multiple Pattern Support: Set up an ordered array of patterns that can dynamically change based on user input, providing versatility and context-awareness.
Persistent Characters Option: Choose whether formatted characters remain visible during typing or only appear upon completion of input, enhancing user interaction.
Easy Integration: Available in both vanilla JavaScript and jQuery formats, making it suitable for a wide range of projects with minimal setup.
Instance Methods: Features methods like resetPattern for updating existing Formatter instances, ensuring continued usability throughout the lifecycle of the component.
Lightweight and Dependency-Free: Built without external libraries, ensuring a minimal footprint on your project without sacrificing functionality.

Jaridmargolin

Formatter.js