Egyéni érvényesítési minták szövegmezőkhöz

A szövegmező elfogad bármit, amit a felhasználók beírnak – de néha speciális formátumokra van szükség. A webhelyek URL-jei, termékkódok, licencszámok vagy csak betűkből álló nevek mind rendelkeznek olyan mintákkal, amelyek érvényessé teszik őket. Az egyéni érvényesítési minták lehetővé teszik, hogy pontosan meghatározza, milyen formátum elfogadható, és a hibákat még a beküldés előtt kiszűrje.

Ebben az útmutatóban megtudhatod, hogyan adhatsz hozzá egyéni érvényesítési mintákat a WordPress űrlapjaid szövegmezőihez.

Mik azok az érvényesítési minták?

A koncepció

Az érvényesítési minták olyan szabályok, amelyek meghatározzák, hogy mely bemenetek érvényesek:

• „Csak betűket tartalmazhat”
• „Érvényes URL-címnek kell lennie”
• „Meg kell egyeznie az ABC-1234 formátummal”
• „Pontosan 10 karakterből kell állnia”

Hogyan működnek

1. Felhasználói beírások a szövegmezőbe
2. Küldéskor (vagy gépelés közben) a bemenetet a rendszer a minta alapján ellenőrzi.
3. Ha egyezik: Az ellenőrzés sikeres.
4. Ha nem: Hibaüzenet jelenik meg

Előnyök

• Adat minőség: Biztosítsa az egységes formátumokat
• Hibamegelőzés: Vedd észre a hibákat korán
• Felhasználói útmutató: Világos elvárások
• Letöltési kompatibilitás: Az adatok más rendszerekkel is működnek

Beépített érvényesítési minták

Automatikus űrlapkészítő gyakori mintákat tartalmaz:

Beépített minták használata

1. lépés: Szövegmező hozzáadása

1. Nyissa meg az űrlapot itt: A.F.B.
2. Húz szöveg mező formálódik
3. Kattintson a konfiguráláshoz

2. lépés: Érvényesítési minta kiválasztása

1. Találjon Érvényesítési minta a beállításokban
2. Válasszon a legördülő menüből:
   • Nincs (nincs minta)
   • E-mail
   • URL
   • Csak betűk
   • Csak számok
   • Alfanumerikus
   • szokás
3. Beállítások mentése

3. lépés: Teszt validálása

1. Űrlap előnézete
2. Érvényes bevitellel kell próbálkozni – sikeresnek kell lennie
3. Érvénytelen beviteli mező – hibát kell mutatnia

Mintapéldák és használati esetek

URL ellenőrzése

Használ:

• Webhely mező
• Portfólió linkek
• Szociális média profilok
• Referencia URL-ek

Érvényes példák:

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

Érvénytelen példák:

• example.com (hiányzó protokoll)
• www.example.com (hiányzó protokoll)
• csak egy kis szöveg

Csak betűk

Használ:

• Vezeték- és keresztnevek (egyszerű ellenőrzés)
• Városnevek
• Országkódok
• Betűrendes azonosítók

Érvényes példák:

• János
• Kovács
• NewYork

Érvénytelen példák:

• John123
• New York (űr)
• O'Brien (aposztróf)

Jegyzet: A csak betűk használata szigorúan tilos. Gondolja át, hogy szüksége van-e szóközökre, kötőjelekre vagy ékezetekre.

Csak számok

Használ:

• azonosító számok
• Számlaszámok
• Mennyiség (ha nem használ számmezőt)
• PIN kódok

Érvényes példák:

• 12345
• 00123
• 9876543210

Érvénytelen példák:

• 123-456 (kötőjel)
• 123.45 (tizedes)
• 12345A

Alfanumerikus

Használ:

• Termékkódok
• Referenciaszámok
• A felhasználónevek
• Sorozatszámok

Érvényes példák:

• ABC123
• User42
• PROD001

Érvénytelen példák:

• ABC-123 (kötőjel)
• ABC 123 (szóköz)
• ABC_123 (aláhúzásjel)

Egyéni érvényesítési minták (regex)

Mi a Regex?

A reguláris kifejezések (regex) olyan minták, amelyek szövegformátumokat írnak le:

• ^ = Karakterlánc kezdete
• $ = Karakterlánc vége
• [A-Z] = Bármely nagybetű
• [a-z] = Bármely kisbetű
• [0-9] = Bármely számjegy
• {3} = Pontosan 3 az előzőből
• {2,5} = Az előző 2 és 5 között
• + = Egy vagy több
• * = Nulla vagy több
• ? = Opcionális (nulla vagy egy)

Egyéni minták létrehozása

1. Válassza az „Egyéni” lehetőséget az érvényesítési legördülő menüből
2. Adja meg a reguláris kifejezés mintáját
3. Tesztelés különböző bemenetekkel

Gyakori egyéni mintapéldák

USA irányítószám

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

Érvényesíti:

• 12345 (5 számjegy)
• 12345-6789 (irányítószám+4)

Elutasítások:

• 1234 (túl rövid)
• 123456 (túl hosszú)
• ABCDE (betűk)

USA telefonszám

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

Érvényesíti: 555-123-4567

Rugalmas formátum esetén: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Érvényesíti:

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

Termékkód (ABC-1234 formátum)

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

Érvényesíti:

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

Elutasítások:

• abc-1234 (kisbetűs)
• AB-1234 (csak 2 betű)
• ABC1234 (hiányzó kötőjel)

Rendszámtábla (különböző formátumok)

Minta (amerikai általános): ^[A-Z0-9]{1,7}$

Érvényesíti: 1-7 nagybetű/szám

Hitelkártya (alap formátum)

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

Érvényesíti:

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

Jegyzet: A tényleges fizetésekhez használja a megfelelő fizetési processzorokat és azok érvényesítését.

Felhasználónév (betűk, számok, aláhúzásjel)

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

Szabályok:

• Betűvel kezdődik
• Összesen 3-20 karakter
• Csak betűk, számok, aláhúzás

Érvényesíti: user_123, JohnDoe, test42

Hex színkód

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

Érvényesíti:

• #FF5733
• #fff
• #ABC123

Dátum (ÉÉÉÉ-HH-NN)

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

Érvényesíti: 2026-01-15

Jegyzet: Dátumok esetén általában jobb, ha dátumválasztóval ellátott dátummezőt használ.

Idő (ÓÓ:PP 24 órás formátum)

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

Érvényesíti:

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

Számlaszám (INV-YYYY-NNNN)

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

Érvényesíti:

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

Társadalombiztosítási szám (USA)

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

Érvényesíti: 123-45-6789

Figyelmeztetés: Legyen óvatos a társadalombiztosítási számok gyűjtésekor – biztonsági és adatvédelmi vonatkozások.

Saját minták felépítése

Lépésről-lépésre folyamat

1. Követelmények meghatározása: Milyen formátumra van szükséged?
2. Lebontani: Milyen karakterek, hány darab, milyen sorrendben?
3. Építési minta: Fordítás reguláris kifejezésre
4. Teszteld alaposan: Érvényes ÉS érvénytelen bemenetek
5. Hibaüzenet írása: Segítsen a felhasználóknak megérteni a formátumot

Példa: Alkalmazotti azonosító

Követelmény: 2 betű + 4 számjegy + 1 betű (pl. AB1234C)

Bontás:

• 2 nagybetű: [A-Z]{2}
• 4 számjegy: \d{4}
• 1 nagybetű: [A-Z]
• Semmi előtte vagy utána: ^ és a $

Végső minta: ^[A-Z]{2}\d{4}[A-Z]$

Tesztelési minták

Formában való használat előtt:

• Érvényes bemenetek tesztelése (sikeresnek kell lennie)
• Érvénytelen bemenetek tesztelése (sikertelennek kell lennie)
• Teszt él esetek (határok, speciális karakterek)
• Online regex tesztelők használata hibakereséshez

Hibaüzenetek az érvényesítéshez

Alapértelmezett üzenetek

• „Kérjük, adjon meg egy érvényes értéket”
• „Ez a mező érvénytelen”

Jobb egyéni üzenetek

Mondja el a felhasználóknak a várt formátumot:

Helyőrző és súgószöveg használata

A formátum előzetes feltüntetésével előzheti meg a hibákat:

• Helykitöltő: „ABC-1234”
• Súgó szöveg: „Írja be a termékkódját (pl. ABC-1234)”

Best Practices

1. Indítsa el az Egyszerűt

Használj beépített mintákat, amikor csak lehetséges. Az egyéni reguláris kifejezések bonyolultabbá teszik a folyamatot.

2. Ne hangsúlyozd túl a dolgokat

A túl szigorú minták frusztrálják a felhasználókat:

• Kötőjeles nevek (Mary-Jane)
• Aposztrófokkal ellátott nevek (O'Brien)
• Nemzetközi karakterek (José, Müller)

3. A várt formátum megjelenítése

Mindig mondd el a felhasználóknak, hogy mire számítasz:

• Helyőrző példával
• Formátumot magyarázó súgószöveg
• Hibaüzenet törlése

4. Teszt él esetek

• Üres beviteli mező
• Szóközök az elején/végén
• Speciális karakterek
• Leghosszabb hosszúság

5. Fontolja meg az alternatívákat

Néha más megközelítések jobbak:

• Dátumok → Dátum mező használata
• Számok → Szám mező használata
• Telefonszám → Használja a Telefonszám mezőt a következő formátumban
• Fix beállítások → Legördülő menü használata

Kombináció más validációkkal

Minta + Kötelező

• A mezőt ki kell tölteni ÉS a mintának meg kell egyeznie
• Üres hibaüzenetek „kötelező”
• Hibás formátumú hibaminta

Minta + Min./Max. Hossz

• A minta érvényesíti a formátumot
• A hosszúság érvényesíti a méretet
• Mindkettőnek át kell mennie

Mintázatok hibaelhárítása

A minta nem működik

Jelölje be:

• A szintaxis helyes (nincsenek elgépelések)
• A speciális karakterek megfelelően ki lettek választva
• ^ és $ horgonyok, ha szükséges

Érvényes bemenet elutasítva

Jelölje be:

• A minta túl szigorú lehet
• Hiányoznak az érvényes karakterek a mintában
• Kis- és nagybetűk érzékenységével kapcsolatos problémák

Érvénytelen bemenet elfogadva

Jelölje be:

• Lehet, hogy a minta túl laza
• Hiányzó horgonyok (^ és $)
• Tesztelés további példákkal

Gyakran ismételt kérdések

Kombinálhatok több mintát?

Egyetlen mező egyetlen mintát használ. Összetett validációhoz egyesítse a követelményeket egyetlen reguláris kifejezésben alternáció (|) használatával, vagy hozzon létre egy mintát az összes követelménynek megfelelően.

A minták megkülönböztetik a kis- és nagybetűket?

Alapértelmezés szerint igen. Használja az [A-Za-z] karaktereket a kis- és nagybetűk egyezésének biztosításához, vagy ha támogatott, adjon hozzá kis- és nagybetűket megkülönböztető jelzőt.

Hogyan engedélyezhetek szóközöket?

Adj hozzá \s karaktert a karakterosztályodhoz: az [A-Za-z\s] betűket és szóközöket talál.

Mi a helyzet a nemzetközi karakterekkel?

A szabványos [A-Za-z] betűtípusok nem tartalmazzák az ékezetes karaktereket. Nemzetközi nevek esetén érdemes megfontolni a lazább validációt, vagy használni a \p{L} karakterláncot (ha támogatott).

Érvényesítsem az elmosást, vagy küldjem el?

Mindkettő működik. Elmosódásnál (fókuszvesztésnél) gyorsabb visszajelzést ad. Küldésnél mindent rögzít. Sok űrlap mindkettőt teszi.

Összegzésként

Egyéni érvényesítési minták hozzáadása:

1. Válasszon minta típusát – Beépített vagy egyedi
2. Minta konfigurálása – Válasszon ki vagy írjon be reguláris kifejezést
3. Helyőrző hozzáadása – A várt formátum megjelenítése
4. Súgószöveg hozzáadása – Követelmények ismertetése
5. Hibaüzenet beállítása – Útmutató korrekciója
6. Tesztelje alaposan – Érvényes és érvénytelen bemenetek

Összegzés

Az egyéni érvényesítési minták biztosítják az adatminőséget azáltal, hogy bizonyos formátumokat érvényesítenek. Akár URL-érvényesítésre, termékkódokra vagy egyéni azonosítókra van szüksége, a minták a beküldés előtt kiszűrik a hibákat, és a felhasználókat a bevitel javításához vezetik.

Automatikus űrlapkészítő Tartalmazza a gyakori mintákat (e-mail, URL, betűk, számok, alfanumerikus), és támogatja az egyéni reguláris kifejezéseket a speciális érvényesítési igényekhez. A tiszta adatok megfelelő érvényesítéssel kezdődnek.

Készen áll az űrlapon megadott adatok érvényesítésére? Töltse le az automatikus űrlapkészítőt és gondoskodjon arról, hogy az űrlapok helyesen formázott adatokat gyűjtsenek.