Ein Formular mit JavaScript erstellen
JavaScript kann verwendet werden, um Formspree in deine bestehende Anwendung zu integrieren, deine Formulare dynamischer zu gestalten und deinen Workflow bei der Formularentwicklung zu optimieren.
Formspree bietet je nach deinem Setup einige verschiedene Möglichkeiten, mit JavaScript zu arbeiten:
@formspree/ajaxfür deklaratives Formular-Handling in reinem HTML- Eine React-Bibliothek für React-Anwendungen
- Ein CLI für moderne JavaScript-Workflows
Weitere Informationen zu jeder Option findest du unten.
AJAX-Übermittlungen
Die empfohlene Methode, um Formularübermittlungen mit JavaScript zu verarbeiten, ist die Verwendung von @formspree/ajax.
Mit dieser Bibliothek kannst du Formulare asynchron übermitteln, ohne deine eigene fetch-, Axios- oder jQuery-Logik schreiben zu müssen. Sie funktioniert mit standardmäßigen HTML-Formularen und verarbeitet Übermittlung, Validierungsfehler, Ladezustand und Erfolgsmeldungen automatisch. Du kannst hier mehr darüber lesen.
Formspree React-Bibliothek
Formspree kann mithilfe der Formspree React-Bibliothek in deine React-Anwendung integriert werden. Die Formspree React-Bibliothek kann verwendet werden, um Kontaktformulare mit React zu erstellen, MailChimp-Formulare einzurichten und Webhook-Aktionen hinzuzufügen, neben vielen anderen Integrationen von Drittanbietern.
Formspree CLI
Zusätzlich zur React-Bibliothek bietet Formspree auch ein Kommandozeilen-Tool, das einen nützlichen Workflow zum Erstellen und Bereitstellen von Formularen mit modernen JavaScript-Tools bietet. Weitere Informationen zum Formspree CLI findest du hier.
Zusätzliche Ressourcen
Weitere Beispiele und Anleitungen zur Verwendung von JavaScript für die Integration deines Formspree-Formulars findest du unten.