Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Tommy Herrmann »

Hallo Werner,

habe da mal eine Frage zum Verständnis.

Ich hatte hier mal eine HTML5 Fehlermeldung in meine eigene Meldung umgesetzt:

https://www.mobirise-tutorials.com/Test ... ormbuilder

... damit da nicht immer bei Pflichtfeldern steht: "Bitte füllen Sie dieses Feld aus"

Code: Alles auswählen

oninvalid="this.setCustomValidity('Bitte gebe Deinen Vornamen ein')" oninput="this.setCustomValidity('')"
Das funktioniert auch sehr gut und bei anderen Browser-Sprachen als Deutsch wird wieder der Standard-Text der jeweiligen Sprache angezeigt.

Nun wollte ich das auch bei einem PHP-Formular von Deinem "Formular-Generator" mal versuchen und es geht nicht. Ich hatte das so abgeändert (einfache Hochstriche) aber dann wird die Zeile irgendwie ungültig:

Code: Alles auswählen

oninvalid='this.setCustomValidity('Bitte gebe Deinen Vornamen ein')' oninput='this.setCustomValidity('')'
Hast Du eine Erklärung, bzw. einen Tipp wie es richtig wäre.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Werner-Zenk.de »

Hallo Tommy,
du musst vor den doppelten Anführungszeichen einen Backslash setzen:

Code: Alles auswählen

 oninvalid=\"this.setCustomValidity('Bitte gebe Deinen Namen ein')\" oninput=\"this.setCustomValidity('')\"
und required nicht vergessen hinzuzufügen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Tommy Herrmann »

Moin Werner,

vielen herzlichen Dank :) :freude:

... und ja - natürlich funktioniert das so auf Anhieb :tu:

Das nennt man "maskieren" oder?

Ich hatte das auch bereits versucht aber mit einfachen Hochstrichen :crying:


Hier habe ich es jetzt mal bei allen Pflichtfeldern eingebaut:

https://www.mobirise-tutorials.com/Formular/
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Werner-Zenk.de »

Tommy Herrmann hat geschrieben: Mi 7. Jul 2021, 15:21 Ich hatte das auch bereits versucht aber mit einfachen Hochstrichen :crying:
Bei den einfachen Hochstrichen bekommt man Probleme mit JS und bei den doppelten mit PHP. Es kommt darauf an, mit welchen Anführungszeichen begonnen wurde:

// Formular erstellen
$Formular = "

Das nennt man dann maskieren oder Zeichen schützen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Tommy Herrmann »

... danke Dir.

Ich hatte das schon mal - aber wieder vergessen :crying:

Ganz früher ging das auch mit dem "title" Tag, das dann auch als Fehlermeldung angezeigt wurde. Das geht nicht mehr.

Code: Alles auswählen

title="Bitte gebe Deinen Namen ein (3 - 50 Zeichen)" x-moz-errormessage="Bitte gebe Deinen Namen ein (3 - 50 Zeichen)"
http://www.tommyherrmanndesign.com/nof/ ... mular.html
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Customer Fehlermeldung bei Formular-Pflichtfeld Eingabe

Ungelesener Beitrag von Werner-Zenk.de »

Das Attribut: x-moz-errormessage kannte ich auch, dieses konnte verwendet werden, um beim Überprüfen eines Formularfelds eine benutzerdefinierte Fehlermeldung zu erzeugen. Das war ein Mozilla-Attribut, das 2010 vom W3C abgelehnt wurde.

Ich verwende eigentlich fast keine browserspezifischen Attribute, oft werden diese wieder entfernt oder der Attribut Name ändert sich. Dann hat man eine fehlerhafte CSS-Anweisung drinstehen, solche Dinge muss man ab und zu mal überprüfen, manchmal gibt es auch eine alternative Anweisung dazu.
Antworten

Wer ist online?

Mitglieder in diesem Forum: Bing [Bot] und 7 Gäste