Fehler beim Absenden erkennen

[tschero]

Hallo Zusammen,

wenn man z. B. im Texteingabefeld eines Formulars Sonderzeichen verwendet, wird das Formular nicht versendet, es wird nicht auf die Weiterleitungsseite gesprungen sondern der Nutzer verbleibt auf der derzeitigen Seite. So soll es auch sein.

Für den Nutzer ist es jedoch nicht immer auf Anhieb ersichtlich wenn etwas nicht geklappt hat, der Hinweis kommt zwar beim betroffenen Feld, aber das sieht evtl. nicht jeder sofort.
Gibt es evtl. eine Einstellung fürs Formular, dass nach Klick auf Absenden und Vorliegen eines Fehlers die View dorthin springt?

Gruß
tschero

[tschero]

Hm,

niemand eine Idee?

[Spooky]

Kannst du ja per JavaScript veranlassen.

[tschero]

Hast Du einen Ansatz für mich, wie ich per JS rausfinde, wo der Fehler im Formular gezeigt wird und wie man dann genau die Ansicht dahin bekommt?

[Spooky]

Bspw. nach p.error in einem form Ausschau halten und dann einfach zum ersten gefundenen Element hin scrollen lassen. Ich denke es gibt auch hier im Forum schon fertige Scripts dafür.

[tschero]

Vielen Dank, dafür.

Das hier hat dann geholfen:
https://community.contao.org/de/show...l=1#post437092


Gruß
tschero

[mapfei]

Vielen Dank, dafür.

Das hier hat dann geholfen:
https://community.contao.org/de/show...l=1#post437092

Wenn ich besagtes Script ins Formular mit einbaue, dann erhalte ich einen Fehler in der Konsole:

Uncaught TypeError: Cannot read property 'scrollIntoView' of null

Muss die HTML5-Validierung hierfür nun aktiviert sein oder nicht?

Grüße,
mapfei

[tschero]

Hi,

ich habe der Seite mit dem Formular ein separates Seitenlayout gegönnt und den Code im Seitenlayout unter "zusätzliches javaScript" eingebaut.

Gruß
tschero

[mapfei]

So tritt der Fehler aber trotzdem noch auf...

[tschero]

Hm,

ich habe lediglich in dem Seitenlayout den Code eingetragen und der Seite mit dem betroffenen Formular das angepasste Seitenlayout zugewiesen.
contao_layout_js.jpg

[mapfei]

Das Problem lag/liegt bei der Erweiterung contao-ajaxform, welche ich im Einsatz hatte. Binde ich das Formular normal ein, funktioniert auch das autofocus Script problemlos.