Vzorci za preverjanje veljavnosti po meri za besedilna polja
A besedilno polje Sprejema vse, kar uporabniki vnesejo – včasih pa potrebujete posebne oblike zapisa. URL-ji spletnih mest, kode izdelkov, številke licenc ali imena, ki vsebujejo samo črke, imajo vzorce, zaradi katerih so veljavni. Vzorci za preverjanje po meri vam omogočajo, da natančno določite, katera oblika je sprejemljiva, in pred oddajo zaznate napake.
V tem priročniku se boste naučili, kako dodati vzorce za preverjanje po meri v besedilna polja v obrazcih WordPress.
Kaj so vzorci validacije?
Koncept
Validacijski vzorci so pravila, ki določajo, kateri vhod je veljaven:
- "Vsebovati mora samo črke"
- »Mora biti veljaven URL«
- »Mora se ujemati z obliko zapisa ABC-1234«
- »Mora imeti natanko 10 znakov«
Kako delujejo
- Uporabnik vnaša podatke v besedilno polje
- Ob oddaji (ali med tipkanjem) se vnos preveri glede na vzorec
- Če se ujema: Validacija je bila uspešna
- Če ne: Prikazano je sporočilo o napaki
Prednosti
- Kakovost podatkov: Zagotovite dosledne oblike
- Preprečevanje napak: Zgodaj odkrijte napake
- Navodila za uporabnika: Jasna pričakovanja
- Združljivost v smeri navzdol: Podatki delujejo z drugimi sistemi
Vgrajeni vzorci validacije
Samodejni graditelj obrazcev vključuje pogoste vzorce:
| Vzorec | Preverja | Primer veljavnega vnosa |
|---|---|---|
| E-pošta | Oblika e-poštnega naslova | [e-pošta zaščitena] |
| URL | URL-ji spletnih mest | https://example.com |
| Samo črke | Arizona, samo Arizona | John Smith |
| Samo številke | Samo 0-9 | 12345 |
| Alfanumerično | Črke in številke | ABC123 |
| po meri | Vaš lasten vzorec regularnega izraza | (odvisno od vzorca) |
Uporaba vgrajenih vzorcev
1. korak: Dodajte besedilno polje
- Odprite obrazec v A.F.B.
- Povlecite Besedilo polje za oblikovanje
- Kliknite za konfiguracijo
2. korak: Izberite vzorec za validacijo
- Najdi Validacijski vzorec v nastavitvah
- Izberite iz spustnega menija:
- Brez (brez vzorca)
- E-pošta
- URL
- Samo črke
- Samo številke
- Alfanumerično
- po meri
- Shrani nastavitve
3. korak: Validacija testa
- Predogled obrazca
- Poskusite z veljavnim vnosom – mora biti uspešno
- Poskusite z neveljavnim vnosom – prikazala bi se napaka
Primeri vzorcev in primeri uporabe
Preverjanje URL-jev
Uporabi za:
- Polje za spletno mesto
- Povezave do portfelja
- Profili v družabnih omrežjih
- Referenčni URL-ji
Veljavni primeri:
- https://example.com
- http://www.example.com/page
- https://example.com/path?query=value
Neveljavni primeri:
- example.com (manjka protokol)
- www.example.com (manjka protokol)
- samo nekaj besedila
Samo črke
Uporabi za:
- Ime/priimek (preprosto preverjanje)
- Imena mest
- Kode držav
- Abecedni identifikatorji
Veljavni primeri:
- John
- Smith
- Newyork
Neveljavni primeri:
- John123
- New York (vesolje)
- O'Brien (apostrof)
Opomba: Samo črke so stroge. Razmislite, ali potrebujete presledke, vezaje ali naglasi.
Samo številke
Uporabi za:
- ID številke
- Številke računov
- Količina (če se ne uporablja številsko polje)
- PIN kode
Veljavni primeri:
- 12345
- 00123
- 9876543210
Neveljavni primeri:
- 123-456 (vezaj)
- 123.45 (decimalno)
- 12345A
Alfanumerično
Uporabi za:
- Kode izdelkov
- Referenčne številke
- Uporabniška imena
- Serijske številke
Veljavni primeri:
- ABC123
- User42
- PROD001
Neveljavni primeri:
- ABC-123 (vezaj)
- ABC 123 (presledek)
- ABC_123 (podčrtaj)
Vzorci za preverjanje veljavnosti po meri (Regex)
Kaj je zdravilo Regex?
Regularni izrazi (regex) so vzorci, ki opisujejo oblike besedila:
^= Začetek niza$= Konec niza[A-Z]= Poljubna velika črka[a-z]= Poljubna mala črka[0-9]= Poljubna števka{3}= Natanko 3 od prejšnjih{2,5}= Med 2 in 5 prejšnjimi+= Eden ali več*= Nič ali več?= Neobvezno (nič ali ena)
Ustvarjanje vzorcev po meri
- V spustnem meniju za preverjanje izberite »Po meri«
- Vnesite vzorec regularnega izraza
- Test z različnimi vhodnimi podatki
Primeri pogostih vzorcev po meri
Poštna številka ZDA
vzorec: ^\d{5}(-\d{4})?$
Potrjuje:
- 12345 (5 mest)
- 12345-6789 (poštna številka+4)
Zavrne:
- 1234 (prekratko)
- 123456 (predolgo)
- ABCDE (črke)
Telefonska številka ZDA
vzorec: ^\d{3}-\d{3}-\d{4}$
Potrjuje: 555-123-4567
Za prilagodljivo obliko: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$
Potrjuje:
- 555-123-4567
- (555) 123-4567
- 555.123.4567
- 555 123 4567
Koda izdelka (format ABC-1234)
vzorec: ^[A-Z]{3}-\d{4}$
Potrjuje:
- ABC-1234
- XYZ-9999
- PRO-0001
Zavrne:
- abc-1234 (male črke)
- AB-1234 (samo 2 črki)
- ABC1234 (manjka vezaj)
Registrska tablica (različne oblike)
Vzorec (splošno za ZDA): ^[A-Z0-9]{1,7}$
Potrjuje: 1–7 velikih črk/številk
Kreditna kartica (osnovna oblika)
vzorec: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$
Potrjuje:
- 1234567890123456
- 1234 5678 9012 3456
- 1234-5678-9012-3456
Opomba: Za dejanska plačila uporabite ustrezne ponudnike plačilnih storitev z njihovo potrditvijo.
Uporabniško ime (črke, številke, podčrtaj)
vzorec: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$
Pravila:
- Začne se s črko
- Skupaj 3–20 znakov
- Samo črke, številke, podčrtaj
Potrjuje: uporabnik_123, JanezDo, test42
Šestnajstiška barvna koda
vzorec: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
Potrjuje:
- #FF5733
- #fff
- #ABC123
Datum (LLLL-MM-DD)
vzorec: ^\d{4}-\d{2}-\d{2}$
Potrjuje: 2026-01-15
Opomba: Za datume je običajno boljša uporaba polja Datum z izbirnikom datuma.
Čas (HH:MM 24-urni)
vzorec: ^([01]\d|2[0-3]):[0-5]\d$
Potrjuje:
- 09:30
- 14:45
- 23:59
Številka računa (INV-LLLL-NNNN)
vzorec: ^INV-\d{4}-\d{4}$
Potrjuje:
- INV-2026-0001
- INV-2025-1234
Številka socialnega zavarovanja (ZDA)
vzorec: ^\d{3}-\d{2}-\d{4}$
Potrjuje: 123-45-6789
Opozorilo: Pri zbiranju številk socialnega zavarovanja bodite previdni – to vpliva na varnost in zasebnost.
Gradnja lastnih vzorcev
Postopek po korakih
- Določite zahteve: Kakšno obliko potrebujete?
- Ga razčleniti: Kateri liki, koliko, v kakšnem vrstnem redu?
- Vzorec za izdelavo: Prevedi v regularni izraz
- Temeljito preizkusite: Veljavni IN neveljavni vnosi
- Napiši sporočilo o napaki: Pomagajte uporabnikom razumeti obliko
Primer: ID zaposlenega
Zahteva: 2 črki + 4 števke + 1 črka (npr. AB1234C)
Zlomiti se:
- 2 veliki črki:
[A-Z]{2} - 4 števk:
\d{4} - 1 velika črka:
[A-Z] - Nič prej ali potem:
^in$
Končni vzorec: ^[A-Z]{2}\d{4}[A-Z]$
Vzorci testiranja
Pred uporabo v obliki:
- Preizkus veljavnih vhodnih podatkov (mora biti uspešno izvedeno)
- Preizkus neveljavnih vnosov (bi moral biti neuspešen)
- Testiranje robnih primerov (meje, posebni znaki)
- Za odpravljanje napak uporabite spletne preizkuševalce regularnih izrazov
Sporočila o napakah za validacijo
Privzeta sporočila
- »Prosimo, vnesite veljavno vrednost«
- »To polje je neveljavno«
Boljša sporočila po meri
Povejte uporabnikom pričakovano obliko:
| Vzorec | Boljše sporočilo o napaki |
|---|---|
| Poštna številka | »Vnesite veljavno poštno številko (npr. 12345 ali 12345-6789)« |
| Telefon | »Prosimo, vnesite telefonsko številko 555-123-4567« |
| Koda izdelka | »Oblika: ABC-1234 (3 črke, vezaj, 4 številke)« |
| Uporabniško ime | »Uporabniško ime se mora začeti s črko, 3–20 znakov, samo črke/številke/podčrtaji« |
Uporaba nadomestnega besedila in besedila pomoči
Preprečite napake tako, da obliko prikažete vnaprej:
- Nadomestno besedilo: "ABC-1234"
- Besedilo pomoči: »Vnesite kodo izdelka (npr. ABC-1234)«
Najboljše prakse
1. Začnite preprosto
Kadar je mogoče, uporabite vgrajene vzorce. Prilagojeni regularni izrazi dodajo kompleksnost.
2. Ne pretiravajte z validacijo
Preveč strogi vzorci frustrirajo uporabnike:
- Imena z vezaji (Mary-Jane)
- Imena z apostrofi (O'Brien)
- Mednarodni liki (José, Müller)
3. Prikaži pričakovano obliko
Vedno povejte uporabnikom, kaj pričakujete:
- Nadomestno besedilo s primerom
- Pomoč pri razlagi oblike besedila
- Počisti sporočilo o napaki
4. Preizkusite robne primere
- Prazen vnos
- Presledki na začetku/koncu
- Posebni liki
- Največja dolžina
5. Razmislite o alternativah
Včasih so drugi pristopi boljši:
- Datumi → Uporabi polje Datum
- Številke → Uporabi polje Številka
- Telefon → Uporabi polje Telefon z obliko
- Fiksne možnosti → Uporabi spustni meni
Kombiniranje z drugimi validacijami
Vzorec + Obvezno
- Polje mora biti izpolnjeno IN mora ustrezati vzorcu
- Prazno ni uspelo »obvezno«
- Napačna oblika ne uspe vzorec
Vzorec + minimalna/maksimalna dolžina
- Vzorec preveri format
- Dolžina potrjuje velikost
- Oba morata opraviti
Vzorci odpravljanja težav
Vzorec ne deluje
Preverite:
- Sintaksa je pravilna (brez tipkarskih napak)
- Posebni znaki so pravilno umaknjeni
- sidra ^ in $, če je potrebno
Veljavni vnos se zavrača
Preverite:
- Vzorec je morda preveč strog
- V vzorcu manjkajo veljavni znaki
- Težave z občutljivostjo na velike in male črke
Sprejema se neveljaven vnos
Preverite:
- Vzorec je morda preveč ohlapen
- Manjkajoča sidra (^ in $)
- Preizkusite z več primeri
Pogosto zastavljena vprašanja
Ali lahko kombiniram več vzorcev?
Posamezno polje uporablja en vzorec. Za kompleksno preverjanje veljavnosti združite zahteve v enem regularnem izrazu z uporabo menjave (|) ali ustvarite vzorec, ki ustreza vsem zahtevam.
Ali vzorci razlikujejo med velikimi in malimi črkami?
Privzeto da. Za ujemanje obeh velikih in malih črk uporabite [A-Za-z] ali dodajte zastavico, ki ne razlikuje med velikimi in malimi črkami, če je podprta.
Kako dovolim presledke?
Dodajte znake \ v svoj razred znakov: [A-Za-z\s] ustreza črkam in presledkom.
Kaj pa mednarodni znaki?
Standardni [A-Za-z] ne vključuje naglašenih znakov. Za mednarodna imena razmislite o ohlapnejši potrditvi ali uporabite \p{L} (če je podprto) za katero koli črko.
Naj preverim na Blur ali pošljem?
Oboje deluje. Ob zameglitvi (izgubi fokusa) daje hitrejše povratne informacije. Ob oddaji zajame vse. Mnogi obrazci počnejo oboje.
Povzetek
Dodajanje vzorcev za preverjanje po meri:
- Izberite vrsto vzorca – Vgrajeno ali po meri
- Konfiguriraj vzorec – Izberite ali vnesite regularni izraz
- Dodaj nadomestno besedilo – Prikaži pričakovano obliko
- Dodaj besedilo pomoči – Pojasnite zahteve
- Nastavitev sporočila o napaki – Popravek vodnika
- Temeljito preizkusite – Veljavni in neveljavni vnosi
zaključek
Vzorci za preverjanje po meri zagotavljajo kakovost podatkov z uveljavljanjem določenih formatov. Ne glede na to, ali potrebujete preverjanje URL-jev, kod izdelkov ali identifikatorjev po meri, vzorci pred oddajo zaznajo napake in uporabnike vodijo k popravljanju vnosa.
Samodejni graditelj obrazcev vključuje običajne vzorce (e-pošta, URL, črke, številke, alfanumerični izrazi) in podpira prilagojene regularne izraze za posebne potrebe potrjevanja. Čisti podatki se začnejo s pravilnim preverjanjem.
Ste pripravljeni preveriti vnose v obrazec? Prenesite samodejni graditelj obrazcev in zagotovite, da vaši obrazci zbirajo pravilno oblikovane podatke.