Zum Inhalt springen

Validierung

Die Validierung stellt sicher, dass Nutzer korrekte Daten eingeben. Der Formular-Builder bietet verschiedene Validierungsregeln - von einfachen Pflichtfeldern bis hin zu benutzerdefinierten Regex-Mustern.

Die einfachste Validierung: Das Feld muss ausgefullt werden.

EinstellungBeschreibung
AktivierenToggle “Pflichtfeld” in den Feld-Einstellungen
AnzeigeStern (*) neben dem Label
Fehler”Dieses Feld ist erforderlich”

In den Formular-Einstellungen kannst du festlegen, ob Pflichtfelder mit einem Stern (*) markiert werden:

  1. Offne die Formular-Einstellungen (Zahnrad-Icon)
  2. Wechsle zum Tab “Validierung”
  3. Aktiviere “Pflichtfeld-Stern anzeigen”

Jedes Feld kann eine zusatzliche Validierungsregel haben:

RegelBeschreibungVerfugbar fur
KeineNur Pflichtfeld-PrufungAlle Felder
E-MailGultiges E-Mail-FormatText, E-Mail
TelefonGultiges Telefon-FormatText, Telefon
MindestlangeMinimale ZeichenanzahlText, Textbereich
MaximallangeMaximale ZeichenanzahlText, Textbereich
RegexBenutzerdefiniertes MusterText
Automatisch

Pruft, ob die Eingabe ein gultiges E-Mail-Format hat.

Akzeptierte Formate:

  • name@beispiel.de
  • vor.nach@firma.com
  • user+tag@domain.org

Abgelehnte Formate:

  • name@ (keine Domain)
  • @beispiel.de (kein Benutzername)
  • name.beispiel.de (kein @)

Fehlermeldung: “Ungultige E-Mail-Adresse”


Flexibel

Pruft, ob die Eingabe eine gultige Telefonnummer ist.

Akzeptierte Formate:

  • +49 123 456789
  • 0123 456789
  • +49123456789

Fehlermeldung: “Ungultige Telefonnummer”


Begrenzt die Zeichenanzahl in einem Feld.

EinstellungBeschreibung
RegelMindestlange
WertMinimale Zeichen (z.B. 3)
Fehler”Mindestens X Zeichen erforderlich”

Typische Verwendung:

  • Passwort: Mind. 8 Zeichen
  • Name: Mind. 2 Zeichen
  • Nachricht: Mind. 10 Zeichen

Erweitert

Mit regularen Ausdrucken (Regex) erstellst du benutzerdefinierte Validierungsmuster.

EinstellungBeschreibung
Regel”Benutzerdefiniert (Regex)“
MusterDein Regex-Pattern
Fehler”Ungultiges Format”

Beispiel-Muster:

AnwendungMusterBeschreibung
Postleitzahl (DE)^\d{5}$Genau 5 Ziffern
IBAN (DE)^DE\d{20}$DE + 20 Ziffern
Telefon mit Vorwahl^\+49\d{10,11}$+49 + 10-11 Ziffern
Nur Buchstaben^[a-zA-Z]+$Keine Zahlen/Sonderzeichen
Uhrzeit`^([01]\d2[0-3]):[0-5]\d$`
  1. Offne die Feld-Einstellungen
  2. Wechsle zum Tab “Validierung”
  3. Wahle “Benutzerdefiniert (Regex)” als Regel
  4. Gib das Regex-Muster ein
  5. Definiere eine verstandliche Fehlermeldung

Jedes Feld kann eine eigene Fehlermeldung haben:

EinstellungBeschreibung
OrtTab “Validierung” in den Feld-Einstellungen
Feld”Fehlermeldung”
MehrsprachigDE und EN moglich

Standard-Fehlermeldungen:

RegelStandard-Meldung
Pflichtfeld”Dieses Feld ist erforderlich”
E-Mail”Ungultige E-Mail-Adresse”
Telefon”Ungultige Telefonnummer”
Mindestlange”Mindestens X Zeichen erforderlich”
Maximallange”Maximal X Zeichen erlaubt”
Regex”Ungultiges Format”

Gute Fehlermeldungen:

SchlechtBesser
”Ungultig""Bitte geben Sie eine gultige E-Mail-Adresse ein"
"Fehler""Das Passwort muss mindestens 8 Zeichen haben"
"Format falsch""Die Postleitzahl muss 5 Ziffern haben”

In den Formular-Einstellungen legst du fest, wann validiert wird:

OptionBeschreibung
Nur beim AbsendenFelder werden erst beim Submit gepruft
SofortFelder werden bei jeder Eingabe gepruft
Standard
  1. Offne die Formular-Einstellungen (Zahnrad-Icon)
  2. Wechsle zum Tab “Validierung”
  3. Aktiviere “Nur beim Submit validieren”

Vorteile:

  • Nutzer wird nicht beim Tippen unterbrochen
  • Weniger ablenkend
  • Ubersichtliche Zusammenfassung der Fehler

Nachteile:

  • Fehler werden spat erkannt
  • Nutzer muss zuruckscrollen

Felder werden validiert, sobald der Nutzer sie verlasst.

Vorteile:

  • Sofortiges Feedback
  • Fehler werden fruh erkannt
  • Nutzer korrigiert sofort

Nachteile:

  • Kann als storend empfunden werden
  • Zeigt Fehler bei unvollstandiger Eingabe

Fur Datei-Upload-Felder gibt es spezielle Validierungsoptionen:

EinstellungBeschreibung
Erlaubte DateitypenWelche Formate akzeptiert werden
Max. DateigrosseMaximale Grosse in MB
  1. Offne die Feld-Einstellungen des Upload-Feldes
  2. Wechsle zum Tab “Validierung”
  3. Wahle erlaubte Kategorien:
    • Dokumente (PDF, DOC, TXT)
    • Bilder (JPG, PNG, GIF)
    • Tabellen (XLS, XLSX)
    • Audio/Video
    • Archive (ZIP, RAR)
  4. Oder wahle “Alle” / “Keine”

Fehlermeldungen:

FehlerMeldung
Falscher Typ”Dateityp nicht erlaubt”
Zu gross”Datei zu gross (max. X MB)”


Prufe:

  • Backslashes mussen ggf. escaped werden
  • Start (^) und Ende ($) verwenden fur exakte Matches
  • Teste das Pattern mit einem Regex-Tester

Aktuell kann pro Feld nur eine Validierungsregel aktiv sein. Fur komplexe Prufungen nutze Regex.

Entferne “Pflichtfeld” und setze die Validierungsregel auf “Keine”.

Benutzerdefinierte Fehlermeldungen konnen mehrsprachig eingegeben werden. Wechsle zwischen den Sprach-Tabs im Editor.