Vlastní ověřovací vzory pro textová pole

A textové pole Přijímá vše, co uživatelé zadají – někdy ale potřebujete specifické formáty. URL adresy webových stránek, kódy produktů, licenční čísla nebo názvy obsahující pouze písmena mají vzory, které je činí platnými. Vlastní ověřovací vzory vám umožňují přesně definovat, jaký formát je přijatelný, a zachytit chyby před odesláním.

V této příručce se naučíte, jak přidat vlastní ověřovací vzory do textových polí ve formulářích WordPressu.

Co jsou validační vzory?

Koncept

Validační vzory jsou pravidla, která definují, který vstup je platný:

• „Musí obsahovat pouze písmena“
• „Musí to být platná URL adresa“
• „Musí odpovídat formátu ABC-1234“
• „Musí mít přesně 10 znaků“

Jak fungují

1. Uživatel zadává text do textového pole
2. Při odeslání (nebo během psaní) je vstup kontrolován podle vzoru
3. Pokud se shoduje: Ověření proběhlo úspěšně
4. Pokud se tak nestane: Zobrazí se chybová zpráva

Výhody

• Kvalita dat: Zajistěte konzistentní formáty
• Prevence chyb: Včasné odhalení chyb
• Pokyny pro uživatele: Jasná očekávání
• Kompatibilita s následnými systémy: Data spolupracují s jinými systémy

Vestavěné ověřovací vzory

Automatický tvůrce formulářů zahrnuje běžné vzorce:

Používání vestavěných vzorů

Krok 1: Přidání textového pole

1. Otevřete formulář v A.F.B.
2. Táhnout Text pole k vytvoření
3. Kliknutím nakonfigurujete

Krok 2: Vyberte ověřovací vzor

1. Najít Ověřovací vzor v nastavení
2. Vyberte z rozbalovací nabídky:
   • Žádné (bez vzoru)
   • Email
   • URL
   • Pouze písmena
   • Pouze čísla
   • Alfanumerické
   • Zvyk
3. uložit nastavení

Krok 3: Ověření testu

1. Náhled formuláře
2. Zkuste platný vstup – mělo by projít
3. Zkuste neplatný vstup – měla by se zobrazit chyba

Příklady vzorů a případy použití

Ověření adresy URL

Použij pro:

• Pole webových stránek
• Odkazy na portfolio
• Profily sociálních médií
• Referenční adresy URL

Platné příklady:

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

Neplatné příklady:

• example.com (chybí protokol)
• www.example.com (chybí protokol)
• jen nějaký text

Pouze písmena

Použij pro:

• Jméno/příjmení (jednoduché ověření)
• Názvy měst
• Kódy zemí
• Abecední identifikátory

Platné příklady:

• Jan
• kovář
• NewYork

Neplatné příklady:

• John123
• New York (vesmír)
• O'Brien (apostrof)

Poznámka: Pouze písmena jsou striktní. Zvažte, zda potřebujete mezery, pomlčky nebo diakritiku.

Pouze čísla

Použij pro:

• identifikační čísla
• Čísla účtů
• Množství (pokud se nepoužívá číselné pole)
• PIN kódy

Platné příklady:

• 12345
• 00123
• 9876543210

Neplatné příklady:

• 123-456 (pomlčka)
• 123.45 (desetinné)
• 12345

Alfanumerické

Použij pro:

• Kódy produktů
• Referenční čísla
• Uživatelské jméno
• Sériová čísla

Platné příklady:

• ABC123
• User42
• PROD001

Neplatné příklady:

• ABC-123 (pomlčka)
• ABC 123 (mezera)
• ABC_123 (podtržítko)

Vlastní ověřovací vzory (Regex)

Co je Regex?

Regulární výrazy (regex) jsou vzory, které popisují textové formáty:

• ^ = Začátek řetězce
• $ = Konec řetězce
• [A-Z] = Jakékoli velké písmeno
• [a-z] = Jakékoli malé písmeno
• [0-9] = Libovolná číslice
• {3} = Přesně 3 z předchozích
• {2,5} = Mezi 2 a 5 předchozími
• + = Jeden nebo více
• * = Nula nebo více
• ? = Volitelné (nula nebo jedna)

Vytváření vlastních vzorů

1. V rozbalovací nabídce pro ověření vyberte možnost „Vlastní“.
2. Zadejte svůj regulární výraz
3. Test s různými vstupy

Běžné příklady vlastních vzorů

PSČ USA

Vzor: ^\d{5}(-\d{4})?$

Ověřuje:

• 12345 (5 číslic)
• 12345-6789 (PSČ+4)

Odmítne:

• 1234 (příliš krátké)
• 123456 (příliš dlouhé)
• ABCDE (písmena)

Telefonní číslo v USA

Vzor: ^\d{3}-\d{3}-\d{4}$

Ověřuje: 555-123-4567

Pro flexibilní formát: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Ověřuje:

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

Kód produktu (formát ABC-1234)

Vzor: ^[A-Z]{3}-\d{4}$

Ověřuje:

• ABC-1234
• XYZ-9999
• PRO-0001

Odmítne:

• abc-1234 (malá písmena)
• AB-1234 (pouze 2 písmena)
• ABC1234 (chybí pomlčka)

SPZ (různé formáty)

Vzor (obecný americký): ^[A-Z0-9]{1,7}$

Ověřuje: 1–7 velkých písmen/číslic

Kreditní karta (základní formát)

Vzor: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

Ověřuje:

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

Poznámka: Pro skutečné platby používejte správné platební procesory s jejich ověřením.

Uživatelské jméno (písmena, číslice, podtržítko)

Vzor: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

Pravidla:

• Začíná písmenem
• Celkem 3–20 znaků
• Pouze písmena, číslice, podtržítko

Ověřuje: user_123, JohnDoe, test42

Hex kód barvy

Vzor: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Ověřuje:

• #FF5733
• #fff
• #ABC123

Datum (RRRR-MM-DD)

Vzor: ^\d{4}-\d{2}-\d{2}$

Ověřuje: 2026-01-15

Poznámka: Pro data je obvykle lepší použít pole Datum s výběrem data.

Čas (HH:MM 24hodinový formát)

Vzor: ^([01]\d|2[0-3]):[0-5]\d$

Ověřuje:

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

Číslo faktury (INV-RRRR-NNNN)

Vzor: ^INV-\d{4}-\d{4}$

Ověřuje:

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

Číslo sociálního zabezpečení (USA)

Vzor: ^\d{3}-\d{2}-\d{4}$

Ověřuje: 123-45-6789

Varování: Při shromažďování rodných čísel buďte opatrní – z hlediska bezpečnosti a soukromí.

Vytváření vlastních vzorů

Podrobný proces

1. Definujte požadavky: Jaký formát potřebujete?
2. Rozebrat to: Jaké postavy, kolik, v jakém pořadí?
3. Vzor pro sestavení: Přeložit do regulárního výrazu
4. Důkladně otestujte: Platné A neplatné vstupy
5. Zapsat chybovou zprávu: Pomozte uživatelům pochopit formát

Příklad: ID zaměstnance

Požadavek: 2 písmena + 4 číslice + 1 písmeno (např. AB1234C)

Zhroutit se:

• 2 velká písmena: [A-Z]{2}
• 4 číslic: \d{4}
• 1 velké písmeno: [A-Z]
• Nic předtím ani potom: ^ a $

Konečný vzor: ^[A-Z]{2}\d{4}[A-Z]$

Testovací vzory

Před použitím ve formě:

• Otestujte platné vstupy (mělo by projít)
• Otestujte neplatné vstupy (mělo by selhat)
• Testování okrajových případů (hranice, speciální znaky)
• Používejte online testery regulárních výrazů k ladění

Chybové zprávy pro ověření

Výchozí zprávy

• „Zadejte prosím platnou hodnotu“
• „Toto pole je neplatné“

Lepší vlastní zprávy

Sdělte uživatelům očekávaný formát:

Použití zástupného symbolu a textu nápovědy

Předcházejte chybám tím, že předem zobrazíte formát:

• Zástupný symbol: „ABC-1234“
• Text nápovědy: „Zadejte kód produktu (např. ABC-1234)“

Doporučené postupy

1. Začněte jednoduše

Pokud je to možné, používejte vestavěné vzory. Vlastní regulární výrazy zvyšují složitost.

2. Nepřeceňujte validaci

Příliš striktní vzory frustrují uživatele:

• Jména s pomlčkami (Mary-Jane)
• Jména s apostrofy (O'Brien)
• Mezinárodní postavy (José, Müller)

3. Zobrazit očekávaný formát

Vždy uživatelům sdělte, co očekáváte:

• Zástupný symbol s příkladem
• Nápověda s vysvětlením formátu
• Vymazat chybovou zprávu

4. Testování okrajových případů

• Prázdný vstup
• Mezery na začátku/konci
• Speciální znaky
• Maximální délka

5. Zvažte alternativy

Někdy jsou lepší jiné přístupy:

• Data → Použít pole Datum
• Čísla → Použít pole Číslo
• Telefon → Použít pole Telefon s formátem
• Pevné možnosti → Použít rozbalovací nabídku

Kombinace s další validací

Vzor + Povinné

• Pole musí být vyplněno A musí odpovídat vzoru
• Prázdné selhává „povinné“
• Nesprávný formát selhává vzor

Vzor + Min/Max délka

• Vzor ověřuje formát
• Délka ověřuje velikost
• Oba musí projít

Řešení problémů s vzory

Vzor nefunguje

Kontrola:

• Syntaxe je správná (bez překlepů)
• Speciální znaky správně unikly
• ^ a $ kotvy v případě potřeby

Platný vstup byl odmítnut

Kontrola:

• Vzor může být příliš striktní
• Chybí platné znaky ve vzoru
• Problémy s rozlišováním velkých a malých písmen

Přijímá se neplatný vstup

Kontrola:

• Vzor může být příliš volný
• Chybějící kotvy (^ a $)
• Otestujte s více příklady

Často kladené dotazy

Mohu kombinovat více vzorů?

Jedno pole používá jeden vzor. Pro komplexní validaci sloučte požadavky do jednoho regulárního výrazu pomocí alternace (|) nebo vytvořte vzor, ​​který bude odpovídat všem požadavkům.

Rozlišují vzory velká a malá písmena?

Ve výchozím nastavení ano. Pro rozlišování obou velkých a malých písmen použijte [A-Za-z] nebo přidejte příznak nerozlišování velkých a malých písmen, pokud je podporován.

Jak povolím mezery?

Přidejte \s do třídy znaků: [A-Za-z\s] odpovídá písmenům a mezerám.

A co mezinárodní znaky?

Standardní [A-Za-z] neobsahuje znaky s diakritikou. U mezinárodních názvů zvažte volnější validaci nebo použijte \p{L} (pokud je podporováno) pro libovolné písmeno.

Mám ověřit na Blur nebo odeslat?

Obojí funguje. Při rozostření (ztrátě zaostření) poskytuje rychlejší zpětnou vazbu. Při odeslání zachytí vše. Mnoho formulářů dělá obojí.

Shrnutí

Přidání vlastních ověřovacích vzorů:

1. Vyberte typ vzoru – Vestavěné nebo na míru
2. Konfigurace vzoru – Vyberte nebo zadejte regulární výraz
3. Přidat zástupný symbol – Zobrazit očekávaný formát
4. Přidat text nápovědy – Vysvětlit požadavky
5. Nastavit chybovou zprávu – Korekce průvodce
6. Důkladně otestujte – Platné a neplatné vstupy

Závěr

Vlastní ověřovací vzory zajišťují kvalitu dat vynucováním specifických formátů. Ať už potřebujete ověřit URL, kódy produktů nebo vlastní identifikátory, vzory zachytí chyby před odesláním a povedou uživatele k opravě vstupu.

Automatický tvůrce formulářů zahrnuje běžné vzory (e-mail, URL, písmena, čísla, alfanumerické výrazy) a podporuje vlastní regulární výrazy pro specializované potřeby validace. Čistá data začínají správnou validací.

Jste připraveni ověřit vstupy do formuláře? Stáhnout automatický nástroj pro tvorbu formulářů a zajistěte, aby vaše formuláře shromažďovaly správně formátovaná data.