Карыстальніцкія шаблоны праверкі для тэкставых палёў

A тэкставае поле прымае любы тэкст, які ўводзяць карыстальнікі, але часам патрэбныя пэўныя фарматы. URL-адрасы вэб-сайтаў, коды прадуктаў, нумары ліцэнзій або назвы, якія складаюцца толькі з літар, маюць шаблоны, якія робяць іх сапраўднымі. Карыстальніцкія шаблоны праверкі дазваляюць дакладна вызначыць, які фармат з'яўляецца прымальным, і выяўляць памылкі перад адпраўкай.

У гэтым кіраўніцтве вы даведаецеся, як дадаваць уласныя шаблоны праверкі ў тэкставыя палі ў формах WordPress.

Што такое шаблоны праверкі?

Канцэпцыя

Шаблоны праверкі — гэта правілы, якія вызначаюць, якія ўваходныя дадзеныя з'яўляюцца сапраўднымі:

• «Павінен утрымліваць толькі літары»
• «Павінен быць сапраўдны URL»
• «Павінен адпавядаць фармату ABC-1234»
• «Павінна быць роўна 10 сімвалаў»

Як яны працуюць

1. Карыстальнік уводзіць тэкст у тэкставым полі
2. Пры адпраўцы (ці падчас уводу) увод правяраецца на адпаведнасць шаблону
3. Калі супадае: праверка пройдзена
4. Калі не: паказваецца паведамленне пра памылку

льготы

• Якасць даных: Забяспечце адзіныя фарматы
• Прадухіленне памылак: Заўважайце памылкі рана
• Кіраўніцтва карыстальніка: Выразныя чаканні
• Сумяшчальнасць з наступнымі патокамі: Дадзеныя працуюць з іншымі сістэмамі

Убудаваныя шаблоны праверкі

Аўтаматычны канструктар формаў уключае распаўсюджаныя заканамернасці:

Выкарыстанне ўбудаваных шаблонаў

Крок 1: Дадаць тэкставае поле

1. Адкрыйце форму ў АФБ
2. Цягнуцца Тэкст поле для фарміравання
3. Націсніце, каб наладзіць

Крок 2: Выберыце шаблон праверкі

1. Знаходзіць Шаблон праверкі у наладах
2. Выберыце з выпадальнага спісу:
   • Няма (няма шаблону)
   • E-mail
   • URL
   • Толькі літары
   • Толькі лічбы
   • Алфавітна-лічбавы
   • Звычай
3. захаваць налады

Крок 3: Праверка тэсту

1. Папярэдні прагляд формы
2. Паспрабуйце правільны ўвод — павінна быць удадзена
3. Паспрабуйце ўвесці няправільны код — павінна адлюстравацца памылка

Прыклады шаблонаў і выпадкі выкарыстання

Праверка URL

Карысць для:

• Поле вэб-сайта
• Спасылкі на партфоліо
• Профіль сацыяльных медыя
• Спасылкі на URL-адрасы

Дапушчальныя прыклады:

• https://example.com
• http://www.example.com/page
• https://example.com/path?query=value

Недапушчальныя прыклады:

• example.com (адсутнічае пратакол)
• www.example.com (адсутнічае пратакол)
• проста нейкі тэкст

Толькі літары

Карысць для:

• Імя/прозвішча (простая праверка)
• Назвы гарадоў
• Коды краін
• Алфавітныя ідэнтыфікатары

Дапушчальныя прыклады:

• Джон
• Каваль
• Нью-Ёрк

Недапушчальныя прыклады:

• John123
• Нью-Ёрк (космас)
• О'Браэн (апостраф)

нататка: Толькі літары — гэта строга. Падумайце, ці патрэбныя вам прабелы, злучкі або акцэнты.

Толькі лічбы

Карысць для:

• Ідэнтыфікацыйныя нумары
• Нумары рахункаў
• Колькасць (калі не выкарыстоўваецца лікавае поле)
• PIN-коды

Дапушчальныя прыклады:

• 12345
• 00123
• 9876543210

Недапушчальныя прыклады:

• 123-456 (з дэфісам)
• 123.45 (дзесятковая сістэма злічэння)
• 12345A

Алфавітна-лічбавы

Карысць для:

• Коды прадуктаў
• Даведачныя нумары
• Імёны карыстальнікаў
• серыйныя нумары

Дапушчальныя прыклады:

• ABC123
• User42
• PROD001

Недапушчальныя прыклады:

• ABC-123 (з дэфісам)
• ABC 123 (прабел)
• ABC_123 (ніжэй)

Карыстальніцкія шаблоны праверкі (рэгулярныя выразы)

Што такое Regex?

Рэгулярныя выразы (regex) — гэта шаблоны, якія апісваюць тэкставыя фарматы:

• ^ = Пачатак радка
• $ = Канец радка
• [A-Z] = Любая вялікая літара
• [a-z] = Любая малая літара
• [0-9] = Любая лічба
• {3} = Роўна 3 з папярэдніх
• {2,5} = Паміж 2 і 5 папярэднімі
• + = Адзін ці некалькі
• * = Нуль або больш
• ? = Неабавязкова (нуль або адзін)

Стварэнне карыстальніцкіх шаблонаў

1. Выберыце «Наладжвальны» з выпадальнага спісу праверкі
2. Увядзіце свой шаблон рэгулярнага выразу
3. Тэставанне з рознымі ўваходнымі дадзенымі

Прыклады распаўсюджаных карыстальніцкіх шаблонаў

Паштовы індэкс ЗША

шаблон: ^\d{5}(-\d{4})?$

Пацверджанне:

• 12345 (5 лічбаў)
• 12345-6789 (паштовы індэкс+4)

Адхіляе:

• 1234 (занадта каротка)
• 123456 (занадта доўга)
• ABCDE (літары)

Нумар тэлефона ЗША

шаблон: ^\d{3}-\d{3}-\d{4}$

Пацверджанне: 555-123-4567

Для гнуткага фармату: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Пацверджанне:

• 555-123-4567
• (555) 123-4567
• 555.123.4567
• 555 123 4567

Код прадукту (фармат ABC-1234)

шаблон: ^[A-Z]{3}-\d{4}$

Пацверджанне:

• АВС-1234
• XYZ-9999
• PRO-0001

Адхіляе:

• abc-1234 (малыя літары)
• AB-1234 (толькі 2 літары)
• ABC1234 (адсутнічае дэфіс)

Нумарны знак (розныя фарматы)

Шаблон (агульны для ЗША): ^[A-Z0-9]{1,7}$

Пацверджанне: 1-7 вялікіх літар/лічбаў

Крэдытная карта (базавы фармат)

шаблон: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

Пацверджанне:

• 1234567890123456
• 1234 5678 9012 3456
• 1234-5678-9012-3456

нататка: Для рэальных плацяжоў выкарыстоўвайце адпаведныя плацежныя сістэмы з іх праверкай.

Імя карыстальніка (літары, лічбы, падкрэсліванне)

шаблон: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

Правілы:

• Пачынаецца з літары
• Усяго 3-20 сімвалаў
• Толькі літары, лічбы, падкрэсліванне

Пацверджанне: user_123, JohnDoe, test42

Шаснаццатковы код колеру

шаблон: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Пацверджанне:

• #FF5733
• #fff
• #ABC123

Дата (ГГГГ-ММ-ДД)

шаблон: ^\d{4}-\d{2}-\d{2}$

Пацверджанне: 2026-01-15

нататка: Для дат звычайна лепш выкарыстоўваць поле "Дата" з выбарам даты.

Час (ГГ:ХХ 24-гадзінны)

шаблон: ^([01]\d|2[0-3]):[0-5]\d$

Пацверджанне:

• 09:30
• 14:45
• 23:59

Нумар рахунку-фактуры (INV-YYYY-NNNN)

шаблон: ^INV-\d{4}-\d{4}$

Пацверджанне:

• INV-2026-0001
• INV-2025-1234

Нумар сацыяльнага страхавання (ЗША)

шаблон: ^\d{3}-\d{2}-\d{4}$

Пацверджанне: 123-45-6789

Увага! Будзьце асцярожныя пры зборы нумароў сацыяльнага страхавання — гэта ўплывае на бяспеку і прыватнасць.

Стварэнне ўласных шаблонаў

Пакрокавы працэс

1. Вызначце патрабаванні: Які фармат вам патрэбны?
2. Разбіце гэта: Якія сімвалы, колькі, у якім парадку?
3. Шаблон зборкі: Перакласці ў рэгулярны выраз
4. Старанна пратэстуйце: Дапушчальныя І недапушчальныя ўводы
5. Напісаць паведамленне пра памылку: Дапамажыце карыстальнікам зразумець фармат

Прыклад: Ідэнтыфікатар супрацоўніка

патрабаванне: 2 літары + 4 лічбы + 1 літара (напрыклад, AB1234C)

Разборка:

• 2 вялікія літары: [A-Z]{2}
• 4 лічбаў: \d{4}
• 1 вялікая літара: [A-Z]
• Нічога да і пасля: ^ і $

Канчатковы ўзор: ^[A-Z]{2}\d{4}[A-Z]$

Шаблоны тэставання

Перад ужываннем у форме:

• Праверце правільныя ўваходныя дадзеныя (павінны быць праведзены)
• Праверка няправільных уводаў (павінна адбыцца памылка)
• Тэставыя памежныя выпадкі (межы, спецыяльныя сімвалы)
• Выкарыстоўвайце онлайн-тэстары рэгулярных выразаў для адладкі

Паведамленні аб памылках для праверкі

Паведамленні па змаўчанні

• «Калі ласка, увядзіце правільнае значэнне»
• «Гэтае поле няправільнае»

Лепшыя персаналізаваныя паведамленні

Паведаміце карыстальнікам чаканы фармат:

Выкарыстанне запаўняльніка і даведачнага тэксту

Пазбягайце памылак, паказваючы фармат загадзя:

• Запаўняльнік: «ABC-1234»
• Даведка: «Увядзіце код вашага прадукту (напрыклад, ABC-1234)»

Best Practices

1. Пачніце з простага

Выкарыстоўвайце ўбудаваныя шаблоны, калі гэта магчыма. Карыстальніцкія рэгулярныя выразы дадаюць складанасці.

2. Не пераацэньвайце

Занадта строгія шаблоны раздражняюць карыстальнікаў:

• Імёны з дэфісам (Мэры-Джэйн)
• Імёны з апострафамі (О'Браэн)
• Міжнародныя персанажы (Хасэ, Мюлер)

3. Паказаць чаканы фармат

Заўсёды паведамляйце карыстальнікам, чаго вы чакаеце:

• Запаўняльнік з прыкладам
• Дапаможны тэкст, які тлумачыць фармат
• Ачысціць паведамленне пра памылку

4. Тэставыя памежныя выпадкі

• Пусты ўвод
• Прабелы ў пачатку/канцы
• Спецыяльныя персанажы
• Максімальная даўжыня

5. Разгледзім альтэрнатывы

Часам іншыя падыходы лепшыя:

• Даты → Выкарыстоўваць поле «Дата»
• Лічбы → Выкарыстоўваць поле «Лічба»
• Тэлефон → Выкарыстоўваць поле «Тэлефон» з фарматам
• Фіксаваныя параметры → Выкарыстоўваць выпадальны спіс

Спалучэнне з іншай праверкай

Шаблон + абавязкова

• Поле павінна быць запоўнена І адпавядаць шаблону
• Пустае не атрымліваецца «абавязковае»
• Няправільны фармат збой шаблон

Шаблон + мін./макс. даўжыня

• Шаблон правярае фармат
• Даўжыня пацвярджае памер
• Абодва павінны прайсці

Шаблоны ліквідацыі непаладак

Шаблон не працуе

праверка:

• Сінтаксіс правільны (без памылак)
• Спецыяльныя сімвалы экраніраваны правільна
• якары ^ і $, калі патрэбныя

Дапушчальны ўвод адхіляецца

праверка:

• Шаблон можа быць занадта строгім
• У шаблоне адсутнічаюць дапушчальныя сімвалы
• Праблемы з адчувальнасцю да рэгістра

Прымаецца няправільны ўвод

праверка:

• Узор можа быць занадта свабодным
• Адсутнічаюць якары (^ і $)
• Праверце з дадатковымі прыкладамі

Questions fréquemment posées

Ці магу я спалучаць некалькі ўзораў?

Адно поле выкарыстоўвае адзін шаблон. Для складанай праверкі аб'яднайце патрабаванні ў адным рэгулярным выразе з дапамогай чаргавання (|) або стварыце шаблон, які адпавядае ўсім патрабаванням.

Ці адчувальныя шаблоны да рэгістра?

Па змаўчанні так. Выкарыстоўвайце [A-Za-z] для супастаўлення абодвух рэгістраў або дадайце сцяжок без уліку рэгістра, калі ён падтрымліваецца.

Як мне дазволіць прабелы?

Дадайце \s да вашага класа сімвалаў: [A-Za-z\s] адпавядае літарам і прабелам.

А як наконт міжнародных сімвалаў?

Стандартныя літары [A-Za-z] не ўтрымліваюць акцэнтаваныя сімвалы. Для міжнародных імёнаў варта выкарыстоўваць больш свабодную праверку або выкарыстоўваць \p{L} (калі падтрымліваецца) для любой літары.

Ці варта мне праверыць на Blur ці адправіць?

Абодва працуюць. Пры размыцці (страце фокусу) зваротная сувязь хутчэйшая. Пры адпраўцы фіксуецца ўсё. Многія формы робяць і тое, і другое.

Рэзюмэ

Даданне карыстальніцкіх шаблонаў праверкі:

1. Выберыце тып узору – Убудаваны або на заказ
2. Наладзіць шаблон – Выберыце або ўвядзіце рэгулярны выраз
3. Дадаць запаўняльнік – Паказаць чаканы фармат
4. Дадаць тэкст даведкі — Растлумачце патрабаванні
5. Устанавіць паведамленне пра памылку – Карэкцыя кіраўніцтва
6. Старанна праверце – Дапушчальныя і недапушчальныя ўводы

Conclusion

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

Аўтаматычны канструктар формаў уключае распаўсюджаныя шаблоны (электронная пошта, URL, літары, лічбы, літарна-лічбавыя сімвалы) і падтрымлівае карыстальніцкія рэгулярныя выразы для спецыяльных патрэб праверкі. Чыстыя дадзеныя пачынаюцца з належнай праверкі.

Гатовыя праверыць уведзеныя ў форму дадзеныя? Спампаваць аўтаматычны канструктар формаў і пераканайцеся, што вашы формы збіраюць правільна адфарматаваныя дадзеныя.