Formulare - Validierung
Allgemeine Hinweise
- Formular wird nur dann mit jQuery Validator validiert, wenn im form-Tag das Attribut data-form-validated=true gesetzt wird.
- Wird ein Formular mit jQuery Validator validiert, wird im Form Tag das Attribut "novalidate" hinzugefügt, um die browserseitige Validierung zu deaktivieren.
Verfügbare Validierungsregeln
- Pflichtfelder
- Feld muss ausgefüllt / beantwortet sein.
- Datum
- Das Feld enthält den Typ Datum. Es muss ein gültiges Datum eingegeben werden oder ein Datum in der Zukunft. Je nachdem, was für ein Data-Attribut eingegeben wird, wird das Datumsfeld entsprechend validiert. Standardmäßig werden alle Datumsfelder vom type=date auf ein korrektes Datum validiert. Bei Verwendung des Attributs data-form-validate-date für Felder vom type text ebenfalls wird nach einem gültigen Datum validiert. Wird zusätzlich das Attribut data-form-validate-futuredate verwendet, muss mindestens das heutige Datum eingegeben werden. Um einen Zeitraum zu validieren stehen die Attribute data-form-validate-untildate und data-form-validate-fromdate für zwei verschiedene Felder zur Verfügung.
- Zahlen
- Es muss eine Zahl eingegeben werden. Es kann auch nach Mindest- oder Maximalgrösse einer Zahl validiert werden. Der/die entsprechende/n Wert/e kann direkt als Wert als min/max-Attribut mitgegeben werden.
- Telefonnummer
- Es können nur +, Zahlen und Leerschläge eingegeben werden.
- Die E-Mail-Validierung funktioniert nur für Eingabefelder mit dem Data-Attribut data-form-validate-email.
- URL
- Die URL-Validierung funktioniert nur für Eingabefelder mit dem Data-Attribut data-form-validate-url.
- Checkboxen
- Checkbox-Validierung kann über minlength/maxlength + required gesteuert werden, um eine minimal und/oder maximale Anzahl an Optionen zu verlangen.
- Multiselects
- Dropdown-Validierung (für Mehrfachauswahl) kann über minlength/maxlength + required gesteuert werden, um eine minimal und/oder maximale Anzahl an Optionen zu verlangen.
Pflichtfelder
Weitere Validierungen
Formular mit Uploadbeschränkung (8MB gesamt)
Formulare mit Dateiupload können (zusätzlich zur Beschränkung einzelner Datei-Felder) in der Gesamtgrösse der hochzuladenden Dateien beschränkt werden. Dazu wird das data-Attribute data-form-files-max-size verwendet, die Angabe erfolgt in Bytes (1 MB entspricht 1048576 Bytes).
Formular mit Uploadbeschränkung (einzelne Upload-Felder, 8MB gesamt)
Formular mit Uploadbeschränkungungen für bestimmte Dateitypen
Datei-Uploadfelder können hinsichtlich bestimmter Dateitypen, die hochgeladen werden können eingeschränkt werden. Hierzu wird das accept-Attribute auf dem Input-Feld verwendet, angegeben werden die spezifischen MIME-Typen, je nach Bedarf auch mit Wildcards. Zum Beispiel audio/* oder image/png,application/pdf. Die Fehlermeldung wird per data-Attribute data-form-message-accept übergeben.