Formular-Validierung (nicht vs. falsch ausgefülltes Pflichtfeld)

[Anke]

Zum Thema Formularvalidierung und Zurückspringen an den Seitenanfang (anstatt zur Fehlermeldung):

Bei der HTML5-Validierung geht der Fokus zum ersten Pflichtfeld, das nicht ausgefüllt wurde. Wird aber z.B. die Captcha-Frage falsch beantwortet, springt die Seite zurück an den Anfang. (Ich nehme an, das ist auch bei anderen Feldtypen so.)

Wenn die HTML5-Validierung keine falsch ausgefüllten, sondern nur leere Pflichtfelder erkennt, ist es da nicht sinnvoll, eine ergänzende JS-Kontrolle in den Core mit aufzunehmen? Sonst hat man immer wieder ein Problem bei langen Formularen oder One-Page-Websites.

[leofeyer]

@contao/developers /cc

[aschempp]

ganz klar nein. die HTML5-Validierung kann auch deaktiviert werden.

Wir hatten in Contao 2.11 (wenn ich mich richtig erinnere) aber ein Snippet drin, welches jeweils zum ersten Fehler-Feld gescrollt ist. Ich glaube das hatten wir nur wegen jQuery entfernt, wäre ggf. sinnvoll als Vanilla wieder einzubauen.

[leofeyer]

As discussed in Mumble on August 11th, we should add this script in the form.html5 template as it used to be in 683d3f9. However, it should be VanillaJS instead of MooTools or jQuery.

[ausi]

The VanillaJS version could look like this:

try {
  document.querySelector('#<?= $this->formId ?> .error').scrollIntoView();
} catch(e) {}

scrollIntoView and querySelector are supported in all major browsers.

[leofeyer]

Thank you @ausi.

[leofeyer]

Implemented in contao/core-bundle@01d5598.