Прилагодени шеми за валидација за текстуални полиња

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

Во ова упатство, ќе научите како да додавате прилагодени шеми за валидација во текстуалните полиња во вашите WordPress формулари.

Што се шеми за валидација?

Концепт

Моделите за валидација се правила што дефинираат кој влез е валиден:

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

Како функционираат

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

Предности

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

Вградени шеми за валидација

Автоматски градител на форми вклучува вообичаени модели:

Користење на вградени шеми

Чекор 1: Додајте поле за текст

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

Чекор 2: Изберете шема за валидација

1. Најди Модел за валидација во поставките
2. Изберете од паѓачкото мени:
   • Нема (без шема)
   • Е-пошта
   • 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 (недостасува протокол)
• само малку текст

Само букви

Користи за:

• Име/Презиме (едноставна валидација)
• Имиња на градовите
• Шифри на држави
• Азбучни идентификатори

Валидни примери:

• Џон
• Смит
• NewYork

Неважечки примери:

• John123
• Њујорк (вселена)
• О'Брајан (апостроф)

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

Само броеви

Користи за:

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

Валидни примери:

• 12345
• 00123
• 9876543210

Неважечки примери:

• 123-456 (цртичка)
• 123.45 (децимална)
• 12345A

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

Користи за:

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

Валидни примери:

• ABC123
• User42
• PROD001

Неважечки примери:

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

Прилагодени шеми за валидација (Regex)

Што е 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}$

Потврдува:

• ABC-1234
• XYZ-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
• --1234 5678 9012 3456-

Забелешка: За вистински плаќања, користете соодветни процесори за плаќање со нивна валидација.

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

Уметност: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

Правила:

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

Потврдува: корисник_123, ЏонДоу, тест42

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

Уметност: ^#([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]$

Тестирање на шеми

Пред употреба во форма:

• Тестирајте валидни влезни податоци (треба да помине)
• Тестирање на невалидни влезни податоци (треба да не успее)
• Тестирање на случаи на рабови (граници, специјални знаци)
• Користете онлајн тестери за регекс за дебагирање

Пораки за грешка за валидација

Стандардни пораки

• „Внесете валидна вредност“
• „Ова поле е неважечко“

Подобри прилагодени пораки

Кажете им на корисниците очекуваниот формат:

Користење на резервирано место и текст за помош

Спречете грешки со прикажување на форматот однапред:

• Резервно место: „АБЦ-1234“
• Текст за помош: „Внесете го кодот на вашиот производ (на пр., ABC-1234)“

Најдобри практики

1. Започнете Едноставно

Користете вградени шеми кога е можно. Прилагодениот регекс додава сложеност.

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

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

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

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

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

• Резервно место со пример
• Текст за помош што го објаснува форматот
• Исчисти ја пораката за грешка

4. Тестирање на рабови

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

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

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

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

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

Шема + Задолжително

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

Модел + Мин/Макс. должина

• Шаблонот го потврдува форматот
• Должината ја потврдува големината
• И двата мора да поминат

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

Шемата не работи

Проверете:

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

Валиден внес се одбива

Проверете:

• Моделот може да биде премногу строг
• Недостасуваат валидни знаци во шемата
• Проблеми со чувствителноста на големи и мали букви

Неважечки внес се прифаќа

Проверете:

• Моделот може да биде премногу лабав
• Недостасуваат сидра (^ и $)
• Тестирајте со повеќе примери

Најчесто поставувани прашања

Може ли да комбинирам повеќе модели?

Едно поле користи еден шаблон. За сложена валидација, комбинирајте ги барањата во еден регекс користејќи алтернација (|) или креирајте го шаблонот што одговара на сите барања.

Дали шемите се разликуваат по големи и мали букви?

Стандардно, да. Користете [A-Za-z] за да ги совпаднете обете големи и големи букви или додадете ознака што не е чувствителна на големи и големи букви ако е поддржано.

Како да дозволам празни места?

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

А што е со меѓународните знаци?

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

Дали треба да потврдам при замаглување или да испратам?

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

Резиме

Додавање прилагодени шеми за валидација:

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

Заклучок

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

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

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