Атрыбут pattern

Атрыбут pattern задае праверку поля ўводу HTML формы па рэгулярным выразе.

Рэгулярныя выразы - гэта спецыяльныя каманды, якія дазваляюць стварыць практычна ўсе правілы праверкі. Падрабязней з імі вы можаце пазнаёміцца ў кнізе па рэгулярных выразах PHP або ў кнізе па рэгулярных выразах JavaScript.

Пры спробе адпраўкі формы ў тым выпадку, калі поле з гэтым атрыбутам не запаўнена - браўзэр не дасць адправіць форму і выведе памылку ў выглядзе ўсплываючай падказкі. На жаль, тэкст памылкі і яе выгляд нельга змяніць з дапамогай HTML або CSS.

Майце на ўвазе, што наяўнасць атрыбута pattern не вызваляе вас ад праверкі правільнасці запоўненасці формы з боку сервера на PHP (так як абарону праз атрыбут лёгка абыйсці).

Атрыбут pattern варта ўжываць да тэгаў input або textarea.

Прыклад

Давайце звернемся да тэга input і дадамо атрыбут pattern, у які закладзем рэгулярны выраз, які правярае тое, што ў інпут уведзена лік з двух лічбаў (напрыклад, 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,
з дапамогай якога можна зрабіць праверку на пустату