Attribut pattern

Attributten pattern angiver validering af et inputfelt i en HTML formular ved hjælp af et regulært udtryk.

Regulære udtryk er specielle kommandoer, der giver mulighed for at skabe næsten ethvert valideringsregel. Du kan lære mere om dem i bogen om regulære udtryk i PHP eller i bogen om regulære udtryk i JavaScript.

Ved forsøg på at indsende formularen, hvis feltet med denne attribut ikke er udfyldt - vil browseren ikke tillade indsendelse af formularen og vil vise en fejl i form af en opstående tooltip. Desværre kan fejlteksten og dens udseende ikke ændres ved hjælp af HTML eller CSS.

Husk, at tilstedeværelsen af attributten pattern ikke fritager dig for at kontrollere korrektheden af den udfyldte formular på serveren med PHP (da beskyttelsen gennem attributten let kan omgås).

Attributten pattern bør anvendes på tags input eller textarea.

Eksempel

Lad os henvise til tagget input og tilføje attributten pattern, hvori vi lægger et regulært udtryk, der kontrollerer at der i inputfeltet er indtastet et tal med to cifre (for eksempel 25).

Indtast et hvilket som helst tal og prøv at klikke på knappen for at indsende formularen. Hvis der er indtastet et tal, der ikke består af to cifre, vil browseren ikke tillade indsendelse af formularen og vise en fejlmeddelelse, ellers vil formularen blive indsendt:

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

Eksempel . Tomt felt

I det foregående eksempel gav browseren en fejl kun hvis feltet ikke var tomt (selvom et tomt felt ikke er et tal med to cifre). Lad os prøve at gøre så fejlen også vises for et tomt felt - sammen med attributten pattern skriver vi også attributten required:

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

Se også

attributten required,
som kan bruges til at lave validering for tomhed