Awesome GitHub RepositoriesInput Masking Patterns

text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue. The library supports dynamic pattern generation using functions to handle variable data formats and localized patterns. It includes capabilities for processing bulk text entries, such as pasted content and browser auto-fill data, while maintaining the integrity of the defined in

imaskjs ist eine JavaScript-Eingabemasken-Bibliothek und ein DOM-Eingabemanager, der verwendet wird, um spezifische Muster, Datentypen und Bereiche für Benutzereingaben in Echtzeit durchzusetzen. Sie dient als Datenformatierungsbibliothek und Eingabevalidierungstool, das rohe Eingabewerte mithilfe von Masken und benutzerdefinierten Pipes in formatierte Strings umwandelt. Das Projekt bietet dynamische Maskierungsfunktionen, die es ermöglichen, Eingabemuster in Echtzeit basierend auf den vom Benutzer eingegebenen Zeichen zu ändern oder umzuschalten. Es unterstützt komplexe Eingabebeschränkungen, einschließlich regulärer Ausdrücke, numerischer Bereiche, Datums-basierter Verifizierung und Zeichenaufzählungen. Die Bibliothek deckt eine breite Palette an Eingabeverarbeitungs- und Datenverwaltungsaufgaben ab, einschließlich Vor- und Nachverarbeitungstransformationen, Extraktion von Rohwerten für API-Übermittlungen sowie die Anwendung von Masken auf sowohl Standard-HTML-Eingabefelder als auch contenteditable-Elemente.

Dieses Projekt ist ein jQuery-Input-Mask-Plugin und eine Bibliothek zur Durchsetzung spezifischer Formate in Formularfeldern und HTML-Elementen. Es fungiert als Tool zur Maskierung und Bereinigung von Formulareingaben, das die Zeicheneingabe einschränkt und automatisch Trennzeichen für Muster wie Datumsangaben und Telefonnummern einfügt. Die Bibliothek unterstützt flexible Maskierung durch optionale und rekursive Muster, die sich je nach Datenmenge erweitern oder zusammenziehen. Sie bietet dynamisches Maskenmanagement, wodurch Formatierungsregeln auf bestehenden Elementen geändert oder entfernt werden können, ohne die Seite neu zu laden. Das Tool enthält Funktionen für benutzerdefinierte Maskenlogik und Musterdefinition, um zu steuern, welche alphanumerischen Eingaben zulässig sind. Es bietet zudem eine Bereinigung der Eingabedaten, um Nicht-Masken-Zeichen vor der Serverübermittlung zu entfernen, sowie ein Fallback-System, um ungültige Zeichen durch vordefinierte Ziffern zu ersetzen.

Unform ist ein React-Form-State-Manager, der darauf ausgelegt ist, den Status, die Validierung und die Übermittlung komplexer Benutzereingabeformulare zu handhaben. Er nutzt eine unkontrollierte Form-API, die Re-Renders minimiert, indem sie Referenzen anstelle eines synchronisierten Status verwendet, um Formulardaten zu verwalten. Die Bibliothek bietet einen verschachtelten Daten-Mapper, der Felder in hierarchische Objekte und Arrays unter Verwendung von Scoping und Punktnotation organisiert. Sie enthält zudem einen benutzerdefinierten Input-Adapter, um UI-Komponenten von Drittanbietern und nicht-standardisierte Eingaben mit dem zentralisierten Formularstatus zu verbinden, sowie eine Validierungs-Engine, die übermittelte Daten gegen definierte Schemata prüft, um Fehlermeldungen spezifischen Feldern zuzuordnen. Zu den umfassenden Funktionen gehören zentralisiertes State-Management für Dateninitialisierung und -zurücksetzung, Handhabung von Datei-Uploads und Maskierung von Benutzereingaben. Das System bietet programmgesteuerte Kontrolle über die Formularübermittlung und direkten Referenzzugriff auf einzelne Eingabeelemente.

This library provides a set of tools for formatting numeric values and masking user input within React components. It includes a customizable text input wrapper that synchronizes raw numeric values with formatted display strings and a specialized input masking component for enforcing string patterns and templates during data entry. The project features a localized number formatter that utilizes browser localization APIs to apply regional grouping, prefixes, and suffixes. It supports specialized financial formatting, such as displaying negative values in parentheses, and provides the ability t