Attributtet pattern

Attributtet pattern setter validering av inndatafelt i HTML skjema ved hjelp av et regulært uttrykk.

Regulære uttrykk er spesielle kommandoer som lar deg opprette nesten alle typer valideringsregler. Du kan lære mer om dem i boken om regulære uttrykk i PHP eller i boken om regulære uttrykk i JavaScript.

Ved forsøk på å sende skjemaet, i tilfelle feltet med dette attributtet ikke er fylt ut - vil nettleseren ikke tillate å sende skjemaet og vil vise en feil i form av en popup-melding. Dessverre, kan feilmeldingsteksten og dens utseende ikke endres ved hjelp av HTML eller CSS.

Vær oppmerksom på at tilstedeværelsen av attributtet pattern ikke fritar deg fra å validere riktigheten av skjemaet på serversiden med PHP (ettersom beskyttelsen gjennom attributtet enkelt kan omgås).

Attributtet pattern bør brukes på taggene input eller textarea.

Eksempel

La oss se på taggen input og legge til attributtet pattern, der vi legger inn et regulært uttrykk som validerer at det er skrevet inn et tall med to sifre i inndatafeltet (for eksempel 25).

Skriv inn et hvilket som helst tall og prøv å trykke på knappen for å sende skjemaet. Hvis det er skrevet inn et tall som ikke består av to sifre, vil nettleseren ikke tillate å sende skjemaet og vil vise en feilmelding, ellers vil skjemaet bli sendt:

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

Eksempel . Tomt felt

I forrige eksempel viste nettleseren en feil bare i tilfelle hvor feltet ikke var tomt (selv om et tomt felt ikke er et tall med to sifre). La oss prøve å gjøre slik at feilen vises også for tomme felt - sammen med attributtet pattern skriver vi også attributtet required:

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

Se også

attributtet required,
som kan brukes til å validere for tomt felt