Hallo Freunde,
ich verzweifle gerade ein bisschen. Weiß jemand wo ich die Error-Nachricht anpassen kann die bei Formularen kommt, wenn wir das Formular probieren abzusenden und ein Pflichtfeld nicht ausgefüllt haben?
Hallo Freunde,
ich verzweifle gerade ein bisschen. Weiß jemand wo ich die Error-Nachricht anpassen kann die bei Formularen kommt, wenn wir das Formular probieren abzusenden und ein Pflichtfeld nicht ausgefüllt haben?
Geändert von StefanFries (29.06.2022 um 15:24 Uhr)
Da schicke ich gleich mal eine Frage hinterher ...
Kann ich per CSS das Feld, dass die Fehlermeldung verursacht hat, irgendwie gesondert stylen? Die Klasse .error wird ja anscheinend nicht mehr gesetzt. Soweit ich das überblicke, kommt jetzt :focus zum Tragen. Oder täusche ich mich?
Hm, komisch, die Klasse greift bei mir irgendwie nicht ...
Was genau bekommt denn die Klasse .error? Das <input>-Element zum Beispiel?
Ich kann das in Firefox und Chrome nicht ersehen. Oder stehe ich irgendwie auf der Leitung?
Hast du die JS-Validierung aktiviert?
Screenshot 2022-11-09 125407.png
- - - Aktualisiert - - -
Wo mache ich das?
Wenn du mal einen Fehler erzeugst in deinem Formular, also ein Pflichtfeld nicht ausfüllst, dann solltest du im Inspektor doch die Fehlermeldung sehen und sie dort mal probehalber im Inspektor anpassen können.
Das ist ja gerade mein Problem: der Inspektor kennzeichnet das Element nicht mit .error
Siehe https://community.contao.org/de/show...l=1#post565143
Du verwechselst das vermutlich mit der HTML5 Validierung. Poste einen Screenshot von dem was du stylen willst.
Hier ein Bespielelement, das eine rote Outline bekommen soll:
Screenshot 2022-11-09 142630.png
Das hat nichts mit Contao zu tun, das ist HTML5. Siehe zB dieser Artikel: http://html5doctor.com/css3-pseudo-c...d-html5-forms/
Ich habe irgendwie das Gefühl, dass wir aneinander vorbei reden ...
Ich möchte, dass das <input>-Element für den Fall, dass es nicht ausgefüllt wurde, eine rote Outline bekommt. Dass also der Zustand, den ich für input:focus definiert habe und der hier anscheinend angewendet wird, von einem error-Zustand (input.error:focus ?) überschrieben wird.
In den Einstellungen des Formulars kannst du die HTML5-Validierung sonst auch deaktivieren. Dann bekommen die Felder die CSS-Klasse und die Seite wird beim Absenden neugeladen, weil die Felder serverseitig geprüft werden.
Und für alle, die auch darüber stolpern, hier zum Thema HTML5-Validierung eine aufschlussreiche Seite:
https://www.seo-lausitz.de/anleitung...nd-validierung
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen