Pattern-attribuut
Die attribuut pattern spesifiseer toetsing van 'n invoerveld
in 'n HTML vorm
teen 'n regulêre uitdrukking.
Regulêre uitdrukkings is spesiale instruksies wat dit moontlik maak om feitlik enige toetsreëls te skep. Vir meer inligting daaroor kan u kyk na die boek oor PHP regulêre uitdrukkings of die boek oor JavaScript regulêre uitdrukkings.
As 'n vorm probeer word om gestuur te word wanneer 'n veld met hierdie attribuut nie ingevul is nie, sal die blaaier nie toelaat dat die vorm gestuur word nie en sal dit 'n fout in die vorm van 'n opspringende wenk vertoon. Ongelukkig kan die teks van die fout en die voorkoms daarvan nie met HTML of CSS verander word nie.
Hou in gedagte dat die teenwoordigheid van die attribuut pattern
u nie vrystel van die toetsing van die vorm se
korrektheid aan die kant van die bediener in
PHP nie (aangesien beskerming deur die attribuut maklik omseil kan word).
Die attribuut pattern moet toegepas word
op die etikette input
of textarea.
Voorbeeld
Kom ons kyk na die etiket input
en voeg die attribuut pattern by, waarin
ons 'n regulêre uitdrukking sal plaas wat toets
dat daar 'n getal met twee syfers in die invoerveld is
(bv. 25).
Tik enige getal in en probeer op die knoppie klik om die vorm te stuur. As 'n getal wat nie uit twee syfers bestaan nie, ingetik word, sal die blaaier nie toelaat dat die vorm gestuur word nie en sal dit 'n foutboodskap vertoon, anders sal die vorm gestuur word:
<form action="">
<input type="text" pattern="\d{2}">
<input type="submit">
</form>
:
Voorbeeld . Leë veld
In die vorige voorbeeld het die blaaier 'n fout
slegs gegee as die veld nie
leeg was nie (hoewel 'n leë veld nie 'n
getal met twee syfers is nie). Kom ons probeer
om dit so te maak dat die fout ook vir
'n leë veld gegee word - saam met die attribuut pattern
skryf ons ook die attribuut required:
<form action="">
<input type="text" pattern="\d{2}" required>
<input type="submit">
</form>
:
Sien ook
-
die attribuut
required,
wat gebruik kan word om vir leegheid te toets
