pattern ատրիբուտը

pattern ատրիբուտը սահմանում է HTML ձևի մուտքագրման դաշտի ստուգումը ռեգուլյար արտահայտությամբ:

Ռեգուլյար արտահայտությունները հատուկ հրամաններ են, որոնք թույլ են տալիս ստեղծել գործնականում ցանկացած ստուգման կանոն: Դրանց հետ ավելի մանրամասն կարող եք ծանոթանալ PHP-ի ռեգուլյար արտահայտությունների գրքում կամ JavaScript-ի ռեգուլյար արտահայտությունների գրքում:

Երբ փորձում եք ուղարկել ձևը, եթե այս ատրիբուտով դաշտը լրացված չէ, բրաուզերը չի թույլատրի ձևը ուղարկել և կցուցադրի սխալը գործիքի հուշման տեսքով: Ցավոք, սխալի տեքստը և տեսքը հնարավոր չէ փոխել HTML-ի կամ CSS-ի միջոցով:

Հաշվի առեք, որ pattern ատրիբուտի առկայությունը ձեզ չի ազատում ձևի ճիշտ լրացվածությունը սերվերի կողմից PHP-ով ստուգելու պարտականությունից (քանի որ ատրիբուտի միջոցով պաշտպանությունը հեշտ է շրջանցել):

pattern ատրիբուտը պետք է կիրառել input կամ textarea պիտակների նկատմամբ:

Օրինակ

Եկեք դիմենք input պիտակին և ավելացնենք pattern ատրիբուտը, որի մեջ կտեղադրենք ռեգուլյար արտահայտություն, որը ստուգում է, որ input-ում մուտքագրված է երկու նիշից բաղկացած թիվ (օրինակ՝ 25):

Մուտքագրեք ցանկացած թիվ և փորձեք սեղմել կոճակը՝ ձևը ուղարկելու համար: Եթե մուտքագրված է ոչ երկու նիշից բաղկացած թիվ, ապա բրաուզերը չի թույլատրի ուղարկել ձևը և կցուցադրի սխալի մասին հաղորդագրություն, հակառակ դեպքում ձևը կուղարկվի:

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

Օրինակ . Դատարկ դաշտ

Նախորդ օրինակում բրաուզերը սխալ էր ցուցադրում միայն այն դեպքում, եթե դաշտը դատարկ չէ (չնայած դատարկ դաշտը երկու նիշից բաղկացած թիվ չէ): Եկեք փորձենք անել, որ սխալը ցուցադրվի նաև դատարկ դաշտի դեպքում - pattern ատրիբուտի հետ միասին գրենք նաև required ատրիբուտը:

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

Տես նաև

required ատրիբուտը,
որի օգնությամբ կարելի է ստուգում կատարել դատարկության համար