Pasirinktiniai teksto laukų patvirtinimo šablonai

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

  1. Vartotojo įvestis teksto lauke
  2. Pateikus (arba rašant), įvestis tikrinama pagal šabloną
  3. Jei sutampa: patvirtinimas sėkmingas
  4. 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ą

  1. Atidarykite savo formą A.F.B.
  2. Vilkti Tekstas laukas, kurį reikia suformuoti
  3. Spustelėkite, jei norite konfigūruoti

2 veiksmas: pasirinkite patvirtinimo šabloną

  1. rasti Patvirtinimo šablonas nustatymuose
  2. 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
  3. Išsaugoti nustatymus

3 veiksmas: bandymo patvirtinimas

  1. Peržiūrėti formą
  2. Įveskite teisingą tekstą – turėtų būti sėkminga
  3. Į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

  1. Patvirtinimo išskleidžiamajame meniu pasirinkite „Pasirinktinis“
  2. Įveskite reguliariosios išraiškos šabloną
  3. 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

  1. Apibrėžkite reikalavimus: Kokio formato jums reikia?
  2. Suskaidykite: Kokie personažai, kiek jų, kokia tvarka?
  3. Sukurti modelį: Išversti į reguliarųjį reiškinį
  4. Kruopščiai išbandykite: Galiojančios IR negaliojančios įvesties
  5. 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:

  1. Pasirinkite rašto tipą – Įmontuotas arba pritaikytas pagal užsakymą
  2. Konfigūruoti šabloną – Pasirinkite arba įveskite reguliariąją išraišką
  3. Pridėti vietos rezervavimo ženklą – Rodyti numatomą formatą
  4. Pridėti pagalbos tekstą – Paaiškinkite reikalavimus
  5. Nustatyti klaidos pranešimą – Kreiptuvo korekcija
  6. 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.

Palikti atsakymą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *