Atributul pattern

Atributul pattern stabilește verificarea câmpului de introducere a formularului HTML prin expresie regulată.

Expresiile regulate sunt comenzi speciale care permit crearea aproape a oricăror reguli de verificare. Puteți să vă familiarizați mai detaliat cu ele în cartea despre expresiile regulate PHP sau în cartea despre expresiile regulate JavaScript.

La încercarea de trimitere a formularului, în cazul în care câmpul cu acest atribut nu este completat - browserul nu va permite trimiterea formularului și va afișa o eroare sub formă de indiciu pop-up. Din păcate, textul erorii și aspectul acesteia nu pot fi modificate folosind HTML sau CSS.

Rețineți că prezența atributului pattern nu vă scutește de verificarea corectitudinii completării formularului de pe server în PHP (deoarece protecția prin atribut este ușor de ocolit).

Atributul pattern trebuie aplicat tag-urilor input sau textarea.

Exemplu

Să ne referim la tag-ul input și să adăugăm atributul pattern, în care vom introduce expresia regulată care verifică faptul că în câmpul input a fost introdus un număr din două cifre (de exemplu, 25).

Introduceți orice număr și încercați să apăsați pe buton pentru a trimite formularul. Dacă este introdus un număr care nu are două cifre, atunci browserul nu va permite trimiterea formularului și va afișa un mesaj de eroare, în caz contrar formularul va fi trimis:

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

Exemplu . Câmp gol

În exemplul anterior, browserul afișa o eroare doar în cazul în care câmpul nu era gol (deși un câmp gol nu este un număr cu două cifre). Să încercăm să facem astfel încât eroarea să fie afișată și pentru câmpul gol - împreună cu atributul pattern să scriem și atributul required:

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

Vedeți și

atributul required,
cu ajutorul căruia puteți efectua verificarea pentru câmp gol