Wie setze ich Pflichtfelder in Freeform fest?
- Einleitung
- Pflichtfelder im Formular-Builder festlegen
- Validierung von Pflichtfeldern
- Pflichtfelder im Template mittels Twig
- Zusammenfassung
Einleitung
Freeform ist ein leistungsstarkes Formular-Addon für Craft CMS, das es ermöglicht, vielfältige Formulare einfach zu erstellen und zu verwalten. Ein essenzieller Bestandteil bei der Formularerstellung ist die Definition von Pflichtfeldern. Pflichtfelder sorgen dafür, dass Nutzer bestimmte Eingaben machen müssen, bevor das Formular abgeschickt werden kann. In diesem Artikel erklären wir ausführlich, wie Sie in Freeform Pflichtfelder festlegen können.
Pflichtfelder im Formular-Builder festlegen
Nachdem Sie in Freeform ein neues Formular erstellt oder ein bestehendes geöffnet haben, gelangen Sie in den Formular-Builder. Dort finden Sie alle verfügbaren Felder, die Sie dem Formular hinzufügen können. Um ein Feld als Pflichtfeld zu definieren, wählen Sie das betreffende Feld aus. Anschließend öffnet sich ein Einstellungsbereich, in dem verschiedene Eigenschaften des Feldes konfiguriert werden können.
In diesem Bereich finden Sie die Option meist unter der Bezeichnung Pflichtfeld oder Required. Durch Aktivierung dieser Option wird das Feld als Pflichtfeld markiert. Dies bedeutet, dass das Formular beim Absenden überprüft, ob dieses Feld ausgefüllt wurde, und andernfalls eine Fehlermeldung ausgegeben wird.
Validierung von Pflichtfeldern
Freeform übernimmt die Validierung der Pflichtfelder automatisch. Wenn ein Nutzer das Formular abschickt, ohne alle Pflichtfelder auszufüllen, wird das Formular nicht abgesendet und stattdessen eine Fehlermeldung an der entsprechenden Stelle angezeigt. Diese Meldung kann in Freeform je nach Konfiguration individuell gestaltet werden, um den Nutzer gezielt auf die fehlenden Eingaben hinzuweisen.
Pflichtfelder im Template mittels Twig
Falls Sie das Formular direkt im Template mittels Twig-Code definieren, können Sie ein Feld durch das Hinzufügen des Parameters required="true" als Pflichtfeld kennzeichnen. Beispiel:
{% do form.textField(email, { label: E-Mail Adresse, required: true }) %}Die Verwendung dieses Parameters sorgt dafür, dass auch hier die Validierung für das Pflichtfeld aktiviert wird.
Zusammenfassung
Das Festlegen von Pflichtfeldern in Freeform ist sowohl im Backend über den Formular-Builder als auch über Twig im Template möglich. Im Backend aktivieren Sie einfach die Option Pflichtfeld beim jeweiligen Eingabefeld. Im Template setzen Sie das Attribut required="true" in der Felddefinition. Dadurch wird sichergestellt, dass die erforderlichen Daten vom Nutzer eingegeben werden, bevor das Formular erfolgreich abgesendet werden kann.