Прилагођени обрасци валидације за текстуална поља

A текстуално поље прихвата све што корисници откуцају — али понекад су вам потребни одређени формати. URL-ови веб-сајтова, кодови производа, бројеви лиценци или имена која се састоје само од слова имају обрасце који их чине важећим. Прилагођени обрасци валидације вам омогућавају да дефинишете тачно који је формат прихватљив, откривајући грешке пре слања.

У овом водичу ћете научити како да додате прилагођене обрасце валидације у текстуална поља у вашим WordPress обрасцима.

Шта су обрасци валидације?

Концепт

Валидациони шаблони су правила која дефинишу који је унос валидан:

• „Мора да садржи само слова“
• „Мора бити важећи URL“
• „Мора да одговара формату ABC-1234“
• „Мора бити тачно 10 знакова“

Како они раде

1. Корисник уноси текст у поље
2. Приликом слања (или док куцају), унос се проверава у односу на образац
3. Ако се подудара: Валидација је прошла
4. Ако се то не деси: Приказује се порука о грешци

Предности

• Квалитет података: Обезбедите доследне формате
• Спречавање грешака: Уочите грешке рано
• Упутство за кориснике: Јасна очекивања
• Компатибилност низводно: Подаци функционишу са другим системима

Уграђени обрасци валидације

Аутоматски креатор образаца укључује уобичајене обрасце:

Коришћење уграђених шаблона

Корак 1: Додајте текстуално поље

1. Отворите свој образац у АФБ
2. Превуците текст поље за формирање
3. Кликните да бисте конфигурисали

Корак 2: Изаберите образац за валидацију

1. Наћи Шаблон валидације у подешавањима
2. Изаберите из падајућег менија:
   • Ниједан (без шаблона)
   • Имеjл
   • УРЛ адреса
   • Само слова
   • Само бројеви
   • Алфанумерички
   • обичај
3. Сачувај поставке

Корак 3: Валидација теста

1. Преглед формулара
2. Пробајте важећи унос — требало би да буде успешно
3. Покушајте са неважећим уносом — требало би да прикаже грешку

Примери образаца и случајеви употребе

УРЛ валидација

Користити за:

• Поље за веб локацију
• Линкови портфолија
• Профили друштвених медија
• Референтни URL-ови

Важећи примери:

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

Неважећи примери:

• example.com (недостаје протокол)
• www.example.com (недостаје протокол)
• само неки текст

Само слова

Користити за:

• Име/презиме (једноставна валидација)
• Имена градова
• Кодови земаља
• Абецедни идентификатори

Важећи примери:

• јохн
• Ковач
• Њујорк

Неважећи примери:

• ЈохнКСНУМКС
• Њујорк (свемир)
• О'Брајен (апостроф)

Beleška: Само слова су строга правила. Размислите да ли су вам потребни размаци, цртице или акценти.

Само бројеви

Користити за:

• Бројеви идентификације
• Бројеви рачуна
• Количина (када се не користи поље за број)
• ПИН кодови

Важећи примери:

• 12345
• 00123
• 9876543210

Неважећи примери:

• 123-456 (цртица)
• 123.45 (децимала)
• КСНУМКСА

Алфанумерички

Користити за:

• Кодови производа
• Референтни бројеви
• Корисничка имена
• Редни бројеви

Важећи примери:

• АБЦКСНУМКС
• УсерКСНУМКС
• ПРОД001

Неважећи примери:

• ABC-123 (цртица)
• ABC 123 (размак)
• ABC_123 (подвлака)

Прилагођени обрасци валидације (Регекс)

Шта је Регек?

Регуларни изрази (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}$

Потврђује:

• АБЦ-КСНУМКС
• КСИЗ-9999
• ПРО-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
• КСНУМКС-КСНУМКС-КСНУМКС-КСНУМКС

Beleška: За стварна плаћања, користите одговарајуће процесоре плаћања са њиховом валидацијом.

Корисничко име (слова, бројеви, доња цртица)

Узорак: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

Правила:

• Почиње словом
• Укупно 3-20 знакова
• Само слова, бројеви, доња црта

Потврђује: корисник_123, ЈованДо, тест42

Хексадецимални код боја

Узорак: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Потврђује:

• #ФФКСНУМКС
• #ффф
• #ABC123

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

Узорак: ^\d{4}-\d{2}-\d{2}$

Потврђује: 2026-01-15

Beleška: За датуме, коришћење поља за датум са бирачем датума је обично боље.

Време (HH:MM 24-часовни формат)

Узорак: ^([01]\d|2[0-3]):[0-5]\d$

Потврђује:

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

Број фактуре (INV-GGGG-NNNN)

Узорак: ^INV-\d{4}-\d{4}$

Потврђује:

• ИНВ-2026-0001
• ИНВ-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)“

Најбоље праксе

1. Почните једноставно

Користите уграђене шаблоне кад год је то могуће. Прилагођени регуларни изрази додају сложеност.

2. Не претерујте са валидацијом

Превише строги обрасци фрустрирају кориснике:

• Имена са цртицама (Мери-Џејн)
• Имена са апострофима (О'Брајен)
• Међународни ликови (Жозе, Милер)

3. Прикажи очекивани формат

Увек реците корисницима шта очекујете:

• Приказно место са примером
• Помоћни текст који објашњава формат
• Обриши поруку о грешци

4. Тестирајте граничне случајеве

• Празан унос
• Размаци на почетку/крају
• Специјалних знакова
• Максимална дужина

5. Размотрите алтернативе

Понекад су други приступи бољи:

• Датуми → Користи поље за датум
• Бројеви → Користи поље Број
• Телефон → Користи поље Телефон са форматом
• Фиксне опције → Користи падајући мени

Комбиновање са другим валидацијама

Шаблон + Обавезно

• Поље мора бити попуњено И одговарати шаблону
• Празно не успева „обавезно“
• Погрешан образац неуспеха у форматирању

Шаблон + мин./макс. дужина

• Шаблон потврђује формат
• Дужина потврђује величину
• Обоје морају проћи

Решавање проблема са обрасцима

Шаблон не ради

Проверавати:

• Синтакса је исправна (без грешака у куцању)
• Специјални знакови су правилно избегнути
• ^ и $ сидра ако је потребно

Важећи унос се одбија

Проверавати:

• Шаблон је можда превише строг
• Недостају важећи знакови у шаблону
• Проблеми са осетљивошћу на велика и мала слова

Прихвата се неважећи унос

Проверавати:

• Узорак је можда превише лабав
• Недостају сидра (^ и $)
• Тестирајте са више примера

Најчешћа питања (FAQ)

Могу ли комбиновати више шаблона?

Једно поље користи један образац. За сложену валидацију, комбинујте захтеве у једном регуларном изразу користећи алтернацију (|) или креирајте образац који одговара свим захтевима.

Да ли су обрасци осетљиви на велика и мала слова?

Подразумевано, да. Користите [A-Za-z] да бисте ускладили оба велика и мала слова или додајте заставицу која није осетљива на велика и мала слова ако је подржана.

Како да дозволим размаке?

Додајте \s својој класи знакова: [A-Za-z\s] одговара словима и размацима.

Шта је са међународним ликовима?

Стандардни [A-Za-z] не укључује акцентоване знакове. За међународна имена, размотрите лабавију валидацију или користите \p{L} (ако је подржано) за било које слово.

Да ли треба да валидирам на Blur-у или да пошаљем?

Оба раде. При замућењу (губитку фокуса) даје брже повратне информације. При слању хвата све. Многи обрасци раде и једно и друго.

резиме

Додавање прилагођених образаца валидације:

1. Изаберите тип шаблона – Уграђено или прилагођено
2. Конфигуриши образац – Изаберите или унесите регуларни израз
3. Додај резервисано место – Прикажи очекивани формат
4. Додај текст помоћи – Објасните захтеве
5. Постави поруку о грешци – Корекција водича
6. Тестирајте темељно – Важећи и неважећи уноси

Закључак

Прилагођени обрасци валидације осигуравају квалитет података применом одређених формата. Без обзира да ли вам је потребна валидација URL-ова, кодова производа или прилагођених идентификатора, обрасци откривају грешке пре слања и воде кориснике да исправе унос.

Аутоматски креатор образаца Укључује уобичајене обрасце (е-пошта, URL, слова, бројеви, алфанумерички) и подржава прилагођене регуларне изразе за специјализоване потребе валидације. Чисти подаци почињу правилном валидацијом.

Спремни да потврдите уносе у форму? Преузмите аутоматски креатор образаца и осигурајте да ваши обрасци прикупљају исправно форматиране податке.