Vzorci za preverjanje veljavnosti po meri za besedilna polja

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

  1. Uporabnik vnaša podatke v besedilno polje
  2. Ob oddaji (ali med tipkanjem) se vnos preveri glede na vzorec
  3. Če se ujema: Validacija je bila uspešna
  4. Č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

  1. Odprite obrazec v A.F.B.
  2. Povlecite Besedilo polje za oblikovanje
  3. Kliknite za konfiguracijo

2. korak: Izberite vzorec za validacijo

  1. Najdi Validacijski vzorec v nastavitvah
  2. Izberite iz spustnega menija:
    • Brez (brez vzorca)
    • E-pošta
    • URL
    • Samo črke
    • Samo številke
    • Alfanumerično
    • po meri
  3. Shrani nastavitve

3. korak: Validacija testa

  1. Predogled obrazca
  2. Poskusite z veljavnim vnosom – mora biti uspešno
  3. 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

  1. V spustnem meniju za preverjanje izberite »Po meri«
  2. Vnesite vzorec regularnega izraza
  3. 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

  1. Določite zahteve: Kakšno obliko potrebujete?
  2. Ga razčleniti: Kateri liki, koliko, v kakšnem vrstnem redu?
  3. Vzorec za izdelavo: Prevedi v regularni izraz
  4. Temeljito preizkusite: Veljavni IN neveljavni vnosi
  5. 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:

  1. Izberite vrsto vzorca – Vgrajeno ali po meri
  2. Konfiguriraj vzorec – Izberite ali vnesite regularni izraz
  3. Dodaj nadomestno besedilo – Prikaži pričakovano obliko
  4. Dodaj besedilo pomoči – Pojasnite zahteve
  5. Nastavitev sporočila o napaki – Popravek vodnika
  6. 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.

Pustite Odgovori

Vaš e-naslov ne bo objavljen. Obvezna polja so označena *