Pattern atributi

pattern atributi HTML shakl maydonini kiritishni regulyar ifoda orqali tekshirishni belgilaydi.

Regulyar ifodalar - bu deyarli har qanday tekshirish qoidalarini yaratishga imkon beradigan maxsus buyruqlardir. Ularni batafsil PHP regulyar ifodalar kitobida yoki JavaScript regulyar ifodalar kitobida oʻrganishingiz mumkin.

Agar ushbu atribut bilan maydon toʻldirilmagan holda shaklni yuborishga urinilsa, brauzer shaklni yuborishga imkon bermaydi va xatoni paydo boʻladigan maslahat shaklida koʻrsatadi. Afsuski, xato matnini va uning koʻrinishini HTML yoki CSS yordamida oʻzgartirib boʻlmaydi.

pattern atributining mavjudligi sizni PHP tomondan server tomonida shaklni toʻgʻri toʻldirilganligini tekshirishdan ozod qilmasligini yodda tuting (chunki atribut orqali himoyani osongina aylantirish mumkin).

pattern atributi input yoki textarea teglariga qoʻllanilishi kerak.

Misol

Keling, input tegiga murojaat qilaylik va pattern atributini qoʻshamiz, unga kirish joyiga ikki raqamdan iborat son kiritilganligini tekshiradigan regulyar ifodani joylashtiramiz (masalan, 25).

Har qanday raqamni kiriting va shaklni yuborish uchun tugmani bosing. Agar ikki raqamdan iborat boʻlmagan son kiritilsa, brauzer shaklni yuborishga imkon bermaydi va xato haqida xabar koʻrsatadi, aks holda shakl yuboriladi:

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

Результат:

Misol . Boʻsh maydon

Oldingi misolda brauzer faqat maydon boʻsh boʻlmaganda xatoni koʻrsatardi (garchi boʻsh maydon ikki raqamli son emas). Keling, boʻsh maydon uchun ham xato koʻrsatilishiga harakat qilaylik - pattern atributi bilan birga required atributini ham yozamiz:

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

Результат:

Shuningdek qarang