Атрибут 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,
оның көмегімен бостықты тексеру жасауға болады