Checkboxen html5 Validierung??

[TheRedTiger]

Hallo Zusammen,

ich habe ein Formular erstellt, welches Textfelder, Radio-Buttons und Checkboxen enthält.
Einige Radio-Buttons und Checkboxen sind als Pflichtfelder markiert.

Wenn ich nun ein Formular absende und hierbei Checkboxen (Pflichtfelder) vergessen habe auszuwählen,
wird das Formular neu geladen und ein Hinweis zum ausfüllen der Checkbox erscheint.
Hierbei werden jedoch immer alle übrigen Eingaben im Formular gelöscht.

Wenn ich gleiches Procedere bei Radio-Buttons ausprobiere, erscheint lediglich der Hinweis zum ausfüllen.
Alle eingegebenen Werte bleiben hier jedoch erhalten.

Womit kann dies zusammenhängen??? Gibt es hierfür eine Lösung, dass die Eingaben nicht gelöscht werden??!

Vielen Dank im Voraus.

Grüße
Jörg

[Andreas]

Probiere das bitte einmal in der Online-Demo. Checkboxen und Radios zum Contact-Formular hinzufügen.

Bei mir wird das Formular ohne angehakte mandatory checkbox auch neu geladen, aber die Werte der anderen Felder sind so, wie ich sie eingegeben hatte. Wenn du das in der Online-Demo nicht hast, kannst du ein Ticket erstellen mit dem Hinweis auf deinen benutzten Browser.

Die mandatory Checkboxen bekommen nicht das HTML5-Attribut 'required', weil ein required immer nur für ein einzelnes INPUT gilt. Es gibt leider kein ATTRIBUT 'require-at-least-one' für Checkbox-Gruppen. Wenn du das Absenden ohne mindestens einer angehakten Checkbox verhindern möchtest, also die HTML5-Validierung für 'require-at-least-one'-Checkbox aktivieren möchtest, müsstest du wohl mit JS rangehen. Vielleicht hilft dazu auch dieser Beitrag http://stackoverflow.com/questions/5...-the-same-name.

[Znrl]

Ja, entweder macht es Sinn die Checkboxen einzeln hinzuzufügen, weil sowieso nicht wirklich zusammengehörend...
Oder du musst das anders lösen.

Wenn es schon reicht, dass die Werte erhalten bleiben sind dort einige Möglichkeiten aufgeführt:

https://community.contao.org/de/show...schenspeichern

[TheRedTiger]

Vielen Dank für Eure Hilfe.

Ich habe mir die Hinweise von Andreas näher angeschaut und dabei auf folgendes Script gestoßen, welches nun das gewünschte Ergbnis liefert.

Grüße
Jörg