form-change-tracker

Beobachtet Änderungs-Status von Browser-Formular-Elementen

Version 0.5.1 (21.06.2017)
Preis: Gratis / Spende

Form-change-tracker ist eine kleine (circa 1,5 kB GZip-kompri­miert) JavaScript-Biblio­thek für den Browser ohne exter­ne Abhängig­keiten, die den Bearbeitungs-Zustand von Formular­feldern (unbearbeitet vs. geändert) in DOM-basierten Formularen trackt.

Anhand dieser Tracking-Information kann der Zustand des Feldes (über CSS-Klassennamen, die den Feldern und deren zuge­hörigen <label>-Elemen­ten dynamisch hinzugefügt bzw. entfernt werden) verwendet werden, um visuelles Feedback darüber zu liefern, welche Felder geändert wurden und welche nicht. Natürlich wird dabei auch berücksichtigt, ob ein Element geändert und dann wieder in seinen vorhe­rigen Zustand zu­rück­ver­setzt wurde. Darüber hinaus wird form-change-tracker auto­ma­tisch das (De-)Aktivieren des Reset-Buttons für Sie übernehmen, sofern das Formular einen besitzt.

Sie werden diese Bibliothek sicherlich nicht in Projekten benötigen, in denen bereits ein SPA-Framework (React, Angular, Vue o.ä.) zum Einsatz kommt, aber in eher »klassischen«, mehr oder weniger stark Server-seitig gerenderten Applikationen kann die vielbeschworene User Experience durchaus von dieser Art von optischer Rück­meldung profitieren.

Die Bibliothek folgt dem UMD-Pattern, so dass Sie sie …

  • direkt verwenden (<script>-Tag im Browser)
  • mittels des AMD-Modul-Formates (Require.js)
  • oder über das CommonJS-Module-Format (Node.js)

… verwenden können.

Zurück zur Projekt-Übersicht