[Gelöst] HTML5 Validierung - PLZ

[Franko]

Hallo,
habe hier ein einfaches Feld vom "Typ Text" und der Eingabeprüfung "Numerisch".
Unter "Maximale Eingabelänge" habe ich "5" eingetragen.

Dies soll ein Feld zur Eingabe einer PLZ sein. Das funktioniert nur ohne die "HTML5-Validierung".
Bei aktiver HTML5-Validierung kann ich hier mehr als 5 Nummern eingeben ohne Beanstandung ....

Wie schaffe ich es mit der HTML5-Validierung die Eingabelänge zu begrenzen?
Frank

Lösung:
Dem Feld die Eingabeprüfung "Alphanumerische Zeichen" zuordnen.
Ein neues Template z.B. "form_textfield_PLZ.html5" anlegen und dem entsprechenden Feld dieses Template zuweisen.
Im Template dem Input Element folgendes hinzufügen:

<input pattern="^[0-9]{5}$" title="Genaue Angabe von 5 Ziffern" ...

Dank an sceadara

[sceadara]

Hi

meinst du eine HTML5 überprüfung mit pattern?

sowas hier:

<input pattern="[0-9]{5}" ....

[Franko]

Hi

meinst du eine HTML5 überprüfung mit pattern?

sowas hier:

<input pattern="[0-9]{5}" ....

Tja - keine Ahnung,
muß ich mal probieren...

Gehört das dann in das "form_textfield.html5" Template?
Frank

[sceadara]

Ja, form_textfield.html5

Du müsstest speziell für das PLZ Feld ein eigenes Template anlegen, also nicht global lassen sondern umbenennen in form_textfield_plz.html5 zum Beispiel.

Dort kannst du dann das pattern bei Input einbauen.

Hoffe das hilft. Getestet habe ich das jetzt nicht.

[Franko]

Hm,
habe jetzt folgende Ausgabe:

<label for="ctrl_18" class="grid2 mandatory"><span class="invisible">Pflichtfeld</span> PLZ<span class="mandatory">*</span></label>
<input pattern="[0-9]{5}" type="number" name="plz" id="ctrl_18" class="text grid2 mandatory" value="" required="" maxlength="5" step="any">

Aber die Validierung greift nicht ...
Danke Frank

[sceadara]

Ja du hast type="number", es müsste type="text" sein.
Durch das pattern wird geprüft ob es sich um Zahlen handelt und 5 Stück sind.
type="number" ist für Zahlen im allgemeinen und nicht eine Postleitzahl. Es müsste auch ein hoch-/runterzähl Button erscheinen im Input-Feld. Für PLZ etwas unsinnig.

In Contao einfach die Eingabeprüfung von Nummerisch auf Alphanummerisch. Denke dann setzt Contao den type text

[Franko]

Ja du hast type="number", es müsste type="text" sein.
Durch das pattern wird geprüft ob es sich um Zahlen handelt und 5 Stück sind.
type="number" ist für Zahlen im allgemeinen und nicht eine Postleitzahl. Es müsste auch ein hoch-/runterzähl Button erscheinen im Input-Feld. Für PLZ etwas unsinnig.

In Contao einfach die Eingabeprüfung von Nummerisch auf Alphanummerisch. Denke dann setzt Contao den type text

Genau das war es ... siehe oben ...
Danke Frank