Attributet pattern

Attributet pattern anger validering av ett inmatningsfält i ett HTML formulär med ett reguljärt uttryck.

Reguljära uttryck är speciella kommandon som gör det möjligt att skapa nästan vilka valideringsregler som helst. Du kan lära dig mer om dem i boken om reguljära uttryck i PHP eller i boken om reguljära uttryck i JavaScript.

Vid försök att skicka formuläret, i det fall att fältet med detta attribut inte är ifyllt - kommer webbläsaren inte att låta dig skicka formuläret och kommer att visa ett fel i form av en popup-tooltip. Tyvärr kan felmeddelandets text och utseende inte ändras med HTML eller CSS.

Tänk på att närvaron av attributet pattern befriar dig inte från att kontrollera formulärets korrekta ifyllnad från serversidan med PHP (eftersom det är lätt att kringgå valideringen genom attributet).

Attributet pattern bör användas på taggarna input eller textarea.

Exempel

Låt oss gå till taggen input och lägga till attributet pattern, i vilket vi lägger ett reguljärt uttryck som kontrollerar att ett tal med två siffror har matats in i inputfältet (till exempel 25).

Ange vilket tal som helst och försök klicka på knappen för att skicka formuläret. Om ett tal som inte består av två siffror har angetts, kommer webbläsaren inte att låta dig skicka formuläret och kommer att visa ett felmeddelande, annars kommer formuläret att skickas:

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

Exempel . Tomt fält

I föregående exempel gav webbläsaren ett fel endast i det fall att fältet inte var tomt (även om ett tomt fält inte är ett tal med två siffror). Låt oss försöka göra så att ett fel även ges för ett tomt fält - tillsammans med attributet pattern låt oss också skriva attributet required:

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

Se även

attributet required,
som kan användas för att validera att ett fält inte får lämnas tomt