Pasirinktiniai teksto laukų patvirtinimo šablonai
A teksto laukas priima viską, ką naudotojai įveda, tačiau kartais reikia specialių formatų. Svetainių URL adresai, produktų kodai, licencijų numeriai ar tik iš raidžių sudaryti pavadinimai turi šablonus, kurie juos daro galiojančius. Pasirinktiniai patvirtinimo šablonai leidžia tiksliai apibrėžti, koks formatas yra priimtinas, ir aptikti klaidas prieš pateikiant.
Šiame vadove sužinosite, kaip pridėti pasirinktinius patvirtinimo šablonus prie teksto laukų „WordPress“ formose.
Kas yra patvirtinimo šablonai?
Sąvoka
Patvirtinimo šablonai yra taisyklės, apibrėžiančios, kokie įvesties duomenys yra galiojantys:
- „Gali būti tik raidės“
- „Turi būti galiojantis URL“
- „Turi atitikti ABC-1234 formatą“
- „Turi būti lygiai 10 simbolių“
Kaip jie dirba
- Vartotojo įvestis teksto lauke
- Pateikus (arba rašant), įvestis tikrinama pagal šabloną
- Jei sutampa: patvirtinimas sėkmingas
- Jei ne: rodomas klaidos pranešimas
Privalumai
- Duomenų kokybė: Užtikrinkite nuoseklius formatus
- Klaidų prevencija: Pastebėkite klaidas anksti
- Naudotojo instrukcijos: Aiškūs lūkesčiai
- Suderinamumas su žemesniais srautais: Duomenys veikia su kitomis sistemomis
Integruoti patvirtinimo šablonai
Automatinis formų kūrimo įrankis apima įprastus modelius:
| Raštai | Patvirtina | Galiojančios įvesties pavyzdys |
|---|---|---|
| El.pašto adresas | El. pašto adreso formatas | [apsaugotas el. paštu] |
| URL adresas | Svetainės URL | https://example.com |
| Tik raidės | AZ, tik AZ | Džonas Smitas |
| Tik skaičiai | Tik 0-9 | 12345 |
| Raidinis ir skaitmeninis | Raidės ir skaičiai | ABC123 |
| Paprotys | Jūsų pačių reguliariosios išraiškos šablonas | (priklauso nuo modelio) |
Naudojant integruotus šablonus
1 veiksmas: pridėkite teksto lauką
- Atidarykite savo formą A.F.B.
- Vilkti Tekstas laukas, kurį reikia suformuoti
- Spustelėkite, jei norite konfigūruoti
2 veiksmas: pasirinkite patvirtinimo šabloną
- rasti Patvirtinimo šablonas nustatymuose
- Pasirinkite iš išskleidžiamojo meniu:
- Nėra (nėra šablono)
- El.pašto adresas
- URL adresas
- Tik raidės
- Tik skaičiai
- Raidinis ir skaitmeninis
- Paprotys
- Išsaugoti nustatymus
3 veiksmas: bandymo patvirtinimas
- Peržiūrėti formą
- Įveskite teisingą tekstą – turėtų būti sėkminga
- Įveskite neteisingą informaciją – turėtų būti rodoma klaida
Šablonų pavyzdžiai ir naudojimo atvejai
URL patvirtinimas
Naudojimas:
- Svetainės laukas
- Portfelio nuorodos
- Socialinės žiniasklaidos profiliai
- Nuorodų URL
Galiojantys pavyzdžiai:
- https://example.com
- http://www.example.com/page
- https://example.com/path?query=value
Neteisingi pavyzdžiai:
- example.com (trūksta protokolo)
- www.example.com (trūksta protokolo)
- tik šiek tiek teksto
Tik raidės
Naudojimas:
- Vardas / pavardė (paprastas patvirtinimas)
- Miestų pavadinimai
- Šalių kodai
- Abėcėliniai identifikatoriai
Galiojantys pavyzdžiai:
- Jonas
- Kalvis
- Žemaičių
Neteisingi pavyzdžiai:
- John123
- Niujorkas (kosmosas)
- O'Brien (apostrofas)
Pastaba: Griežtai draudžiama naudoti tik raides. Apsvarstykite, ar reikia tarpų, brūkšnelių ar diakritinių ženklų.
Tik skaičiai
Naudojimas:
- ID numeriai
- Sąskaitos numeriai
- Kiekis (kai nenaudojamas skaičių laukas)
- PIN kodai
Galiojantys pavyzdžiai:
- 12345
- 00123
- 9876543210
Neteisingi pavyzdžiai:
- 123–456 (brūkšnelis)
- 123.45 (dešimtainis)
- 12345
Raidinis ir skaitmeninis
Naudojimas:
- Produktų kodai
- Nuorodų numeriai
- Vartotojo vardai
- Serijos numeriai
Galiojantys pavyzdžiai:
- ABC123
- User42
- PROD001
Neteisingi pavyzdžiai:
- ABC-123 (brūkšnelis)
- ABC 123 (tarpas)
- ABC_123 (pabraukimas)
Pasirinktiniai patvirtinimo šablonai (Regex)
Kas yra „Regex“?
Reguliariosios išraiškos (regex) yra šablonai, apibūdinantys teksto formatus:
^= Eilutės pradžia$= Eilutės pabaiga[A-Z]= Bet kokia didžioji raidė[a-z]= Bet kokia mažoji raidė[0-9]= Bet koks skaitmuo{3}= Lygiai 3 ankstesnių{2,5}= Nuo 2 iki 5 ankstesnių+= Vienas ar daugiau*= Nulis arba daugiau?= Pasirinktinai (nulis arba vienas)
Pasirinktinių raštų kūrimas
- Patvirtinimo išskleidžiamajame meniu pasirinkite „Pasirinktinis“
- Įveskite reguliariosios išraiškos šabloną
- Testavimas su įvairiais įvesties duomenimis
Įprasti pasirinktinių šablonų pavyzdžiai
JAV pašto kodas
Tiražas: ^\d{5}(-\d{4})?$
Patvirtina:
- 12345 (5 skaitmenys)
- 12345-6789 (pašto kodas+4)
Atmeta:
- 1234 (per trumpas)
- 123456 (per ilgas)
- ABCDE (raidės)
JAV telefono numeris
Tiražas: ^\d{3}-\d{3}-\d{4}$
Patvirtina: 555-123-4567
Lankstaus formato atveju: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$
Patvirtina:
- 555-123-4567
- (555) 123-4567
- 555.123.4567
- 555 123 4567
Produkto kodas (ABC-1234 formatu)
Tiražas: ^[A-Z]{3}-\d{4}$
Patvirtina:
- ABC-1234
- XYZ-9999
- PRO-0001
Atmeta:
- abc-1234 (mažosios raidės)
- AB-1234 (tik 2 raidės)
- ABC1234 (trūksta brūkšnelio)
Valstybinis numeris (įvairūs formatai)
Šablonas (JAV bendrasis): ^[A-Z0-9]{1,7}$
Patvirtina: 1–7 didžiosios raidės / skaičiai
Kreditinė kortelė (pagrindinis formatas)
Tiražas: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$
Patvirtina:
- 1234567890123456
- 1234 5678 9012 3456
- 1234-5678-9012-3456
Pastaba: Faktiniams mokėjimams naudokite tinkamus mokėjimų apdorojimo serverius ir jų patvirtinimus.
Vartotojo vardas (raidės, skaičiai, pabraukimas)
Tiražas: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$
Taisyklės:
- Prasideda raide
- Iš viso 3–20 simbolių
- Tik raidės, skaičiai, pabraukimai
Patvirtina: user_123, JohnDoe, testas42
Šešioliktainis spalvos kodas
Tiražas: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
Patvirtina:
- # FF5733
- #fff
- #ABC123
Data (YYYY-MM-DD)
Tiražas: ^\d{4}-\d{2}-\d{2}$
Patvirtina: 2026-01-15
Pastaba: Datoms paprastai geriau naudoti datos lauką su datos parinkiklio funkcija.
Laikas (HH:MM 24 valandų formatu)
Tiražas: ^([01]\d|2[0-3]):[0-5]\d$
Patvirtina:
- 09:30
- 14:45
- 23:59
Sąskaitos faktūros numeris (INV-YYYY-NNNN)
Tiražas: ^INV-\d{4}-\d{4}$
Patvirtina:
- INV-2026-0001
- INV-2025-1234
Socialinio draudimo numeris (JAV)
Tiražas: ^\d{3}-\d{2}-\d{4}$
Patvirtina: 123-45-6789
Įspėjimas: Būkite atsargūs rinkdami SSN – tai susiję su saugumu ir privatumu.
Savo modelių kūrimas
Žingsnis po žingsnio procesas
- Apibrėžkite reikalavimus: Kokio formato jums reikia?
- Suskaidykite: Kokie personažai, kiek jų, kokia tvarka?
- Sukurti modelį: Išversti į reguliarųjį reiškinį
- Kruopščiai išbandykite: Galiojančios IR negaliojančios įvesties
- Rašyti klaidos pranešimą: Padėkite vartotojams suprasti formatą
Pavyzdys: Darbuotojo ID
Reikalavimas: 2 raidės + 4 skaitmenys + 1 raidė (pvz., AB1234C)
Palaužti:
- 2 didžiosios raidės:
[A-Z]{2} - 4 skaitmenys:
\d{4} - 1 didžioji raidė:
[A-Z] - Nieko prieš ar po:
^bei$
Galutinis modelis: ^[A-Z]{2}\d{4}[A-Z]$
Testavimo modeliai
Prieš naudojant formoje:
- Patikrinkite galiojančias įvestis (turėtų būti sėkminga)
- Patikrinkite neteisingas įvestis (turėtų nepavykti)
- Testo kraštiniai atvejai (ribas, specialieji simboliai)
- Naudokite internetinius reguliariųjų išraiškų testuotojus derinimui
Patvirtinimo klaidų pranešimai
Numatytieji pranešimai
- „Įveskite galiojančią reikšmę“
- „Šis laukas neteisingas“
Geresni tinkinti pranešimai
Nurodykite vartotojams numatomą formatą:
| Raštai | Geresnis klaidos pranešimas |
|---|---|
| Pašto kodas | „Įveskite galiojantį pašto kodą (pvz., 12345 arba 12345-6789)“ |
| Telefono numeris | „Prašome įvesti telefono numerį kaip 555-123-4567“ |
| Prekės kodas | „Formatas: ABC-1234 (3 raidės, brūkšnelis, 4 skaičiai)“ |
| Vartotojo vardas | „Vartotojo vardas turi prasidėti raide, 3–20 simbolių, tik raidės / skaičiai / pabraukimas“ |
Vietos rezervavimo ženklo ir pagalbos teksto naudojimas
Išvenkite klaidų iš anksto parodydami formatą:
- Vietos rezervavimo ženklas: „ABC-1234“
- Pagalbos tekstas: „Įveskite savo produkto kodą (pvz., ABC-1234)“
Geriausia praktika
1. Pradėkite nuo paprasto
Kai įmanoma, naudokite integruotus šablonus. Pasirinktinės reguliariosios išraiškos padidina sudėtingumą.
2. Nepervertinkite
Pernelyg griežti modeliai erzina vartotojus:
- Vardai su brūkšneliais (Mary-Jane)
- Vardai su apostrofais (O'Brien)
- Tarptautiniai simboliai (José, Müller)
3. Rodyti numatomą formatą
Visada pasakykite vartotojams, ko tikitės:
- Vietos rezervavimo ženklas su pavyzdžiu
- Pagalbos tekstas, paaiškinantis formatą
- Išvalyti klaidos pranešimą
4. Testo krašto atvejai
- Tuščia įvestis
- Tarpai pradžioje/pabaigoje
- Specialieji personažai
- Maksimalus ilgis
5. Apsvarstykite alternatyvas
Kartais geresni yra kiti metodai:
- Datos → Naudoti datos lauką
- Skaičiai → Naudoti skaičių lauką
- Telefonas → Naudoti telefono lauką su formatu
- Fiksuotos parinktys → Naudoti išskleidžiamąjį meniu
Derinimas su kitais patvirtinimais
Šablonas + Privaloma
- Laukas turi būti užpildytas IR atitikti šabloną
- Tuščias laukas „privalomas“
- Neteisingas formato klaidų šablonas
Raštas + Min/Max ilgis
- Šablonas patvirtina formatą
- Ilgis patvirtina dydį
- Abu turi praeiti
Trikčių šalinimo šablonai
Šablonas neveikia
Tikrinti:
- Sintaksė teisinga (be rašybos klaidų)
- Specialieji simboliai tinkamai išskirstyti
- ^ ir $ inkarai, jei reikia
Galiojanti įvestis atmetama
Tikrinti:
- Šablonas gali būti per griežtas
- Šablone trūksta galiojančių simbolių
- Didžiųjų ir mažųjų raidžių jautrumo problemos
Priimamas neteisingas įvestis
Tikrinti:
- Raštas gali būti per laisvas
- Trūkstami inkarai (^ ir $)
- Testavimas su daugiau pavyzdžių
Dažnai užduodami klausimai
Ar galiu derinti kelis raštus?
Vienam laukui naudojamas vienas šablonas. Sudėtingesniam patvirtinimui sujunkite reikalavimus vienoje reguliariojoje išraiškoje naudodami kaitaliojimą (|) arba sukurkite šabloną, atitinkantį visus reikalavimus.
Ar šablonai skiria didžiąsias ir mažąsias raides?
Pagal numatytuosius nustatymus – taip. Naudokite [A–Za–z], kad atitiktų abi didžiąsias ir mažąsias raides, arba, jei palaikoma, pridėkite didžiųjų ir mažųjų raidžių neskiriančią žymę.
Kaip leisti tarpus?
Pridėkite \s prie savo simbolių klasės: [A-Za-z\s] atitinka raides ir tarpus.
O kaip dėl tarptautinių personažų?
Standartinis [A–Za–z] neapima diakritinių simbolių. Tarptautiniams pavadinimams apsvarstykite laisvesnį patvirtinimą arba bet kuriai raidei naudokite \p{L} (jei palaikoma).
Ar turėčiau patvirtinti suliejimą, ar pateikti?
Abu veikia. Suliejus vaizdą (prarandant fokusą) grįžtamasis ryšys gaunamas greičiau. Pateikus vaizdą, fiksuojama viskas. Daugelis formų atlieka abu veiksmus.
Santrauka
Pridėti pasirinktinius patvirtinimo šablonus:
- Pasirinkite rašto tipą – Įmontuotas arba pritaikytas pagal užsakymą
- Konfigūruoti šabloną – Pasirinkite arba įveskite reguliariąją išraišką
- Pridėti vietos rezervavimo ženklą – Rodyti numatomą formatą
- Pridėti pagalbos tekstą – Paaiškinkite reikalavimus
- Nustatyti klaidos pranešimą – Kreiptuvo korekcija
- Kruopščiai išbandykite – Galiojantys ir neteisingi įėjimai
Išvada
Pasirinktiniai patvirtinimo šablonai užtikrina duomenų kokybę, taikydami konkrečius formatus. Nesvarbu, ar jums reikia URL patvirtinimo, produktų kodų, ar pasirinktinių identifikatorių, šablonai aptinka klaidas prieš pateikiant ir padeda vartotojams ištaisyti įvestį.
Automatinis formų kūrimo įrankis apima įprastus šablonus (el. paštas, URL, raidės, skaičiai, raidiniai ir skaitmeniniai elementai) ir palaiko pasirinktinę reguliariąją išraišką specializuotiems patvirtinimo poreikiams. Švarūs duomenys prasideda nuo tinkamo patvirtinimo.
Pasiruošę patvirtinti formos įvestį? Atsisiųskite automatinį formų kūrimo įrankį ir užtikrinkite, kad jūsų formos rinktų teisingai suformatuotus duomenis.