Das pattern-Attribut

Das Attribut pattern legt die Überprüfung eines Eingabefeldes in einem HTML-Formular anhand eines regulären Ausdrucks fest.

Reguläre Ausdrücke sind spezielle Befehle, die es ermöglichen, nahezu beliebige Prüfregeln zu erstellen. Näheres dazu können Sie im Buch zu regulären Ausdrücken in PHP oder im Buch zu regulären Ausdrücken in JavaScript erfahren.

Beim Versuch, das Formular abzuschicken, wird der Browser dies verhindern und eine Fehlermeldung in Form eines Tooltips anzeigen, wenn ein Feld mit diesem Attribut nicht ordnungsgemäß ausgefüllt ist. Leider lässt sich der Text und das Aussehen dieser Fehlermeldung nicht mit HTML oder CSS ändern.

Bedenken Sie, dass das Vorhandensein des Attributs pattern Sie nicht von der Überprüfung der Korrektheit der Formulareingaben auf Serverseite mit PHP entbindet (da der Schutz durch das Attribut leicht umgangen werden kann).

Das Attribut pattern sollte bei den Tags input oder textarea verwendet werden.

Beispiel

Wenden wir uns dem Tag input zu und fügen das Attribut pattern hinzu, in das wir einen regulären Ausdruck legen, der prüft, dass in das Input-Feld eine Zahl aus zwei Ziffern eingegeben wurde (z.B. 25).

Geben Sie eine beliebige Zahl ein und versuchen Sie, auf den Button zu klicken, um das Formular abzuschicken. Wenn keine Zahl aus zwei Ziffern eingegeben wurde, wird der Browser das Abschicken des Formulars verhindern und eine Fehlermeldung anzeigen. Andernfalls wird das Formular abgeschickt:

<form action="">
	<input type="text" pattern="\d{2}">
	<input type="submit">
</form>

Beispiel . Leeres Feld

Im vorherigen Beispiel zeigte der Browser einen Fehler nur dann an, wenn das Feld nicht leer war (obwohl ein leeres Feld keine Zahl mit zwei Ziffern ist). Versuchen wir, es so einzurichten, dass der Fehler auch bei einem leeren Feld angezeigt wird - schreiben wir zusammen mit dem Attribut pattern auch das Attribut required hinzu:

<form action="">
	<input type="text" pattern="\d{2}" required>
	<input type="submit">
</form>

Siehe auch

das Attribut required,
mit dem eine Prüfung auf Leersein durchgeführt werden kann