Kapitel 7. Formulare
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Einführung
Formulare sammeln Benutzereingaben, die an eine entfernte URL oder einen API-Endpunkt übermittelt werden. Moderne Browser haben viele eingebaute Formulareingabetypen für Text, Zahlen, Farben und mehr. Ein Formular ist eine der wichtigsten Möglichkeiten, um Eingaben von deinen Nutzern zu erhalten.
FormData
Die FormData API bietet ein Datenmodell für den Zugriff auf Formulardaten. Es erspart dir die Mühe, einzelne DOM-Elemente nachzuschlagen und ihre Werte abzurufen.
Noch besser: Sobald du ein FormData Objekt hast, kannst du es direkt an die Fetch-API übergeben, um das Formular abzuschicken. Vor dem Absenden kannst du die Daten im Objekt ändern oder ergänzen.FormData Objekt ändern oder ergänzen.
Validierung
Um zu verhindern, dass Nutzer ungültige Daten senden, kannst (und solltest) du eine clientseitige Validierung für deine Formulare hinzufügen. Dabei kann es sich um etwas Einfaches handeln, wie das Markieren eines Feldes als erforderlich, oder um eine komplexere Validierungslogik, die die Koordination mehrerer Formularwerte oder den Aufruf einer API beinhaltet.
In der Vergangenheit musste ein Entwickler in der Regel zu einer JavaScript-Bibliothek greifen, um die Formularvalidierung durchzuführen. Das kann zu Kopfschmerzen führen, weil die Daten doppelt vorhanden sind: in den Formulardaten und in einem Objekt, ...
Get Web API Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
