Modele të personalizuara validimi për fushat e tekstit

A fusha e tekstit Pranon çdo gjë që shkruajnë përdoruesit—por ndonjëherë nevojiten formate specifike. URL-të e faqeve të internetit, kodet e produkteve, numrat e licencave ose emrat vetëm me shkronja kanë të gjitha modele që i bëjnë ato të vlefshme. Modelet e personalizuara të validimit ju lejojnë të përcaktoni saktësisht se cili format është i pranueshëm, duke kapur gabimet para dorëzimit.

Në këtë udhëzues, do të mësoni se si të shtoni modele validimi të personalizuara në fushat e tekstit në format tuaja të WordPress.

Cilat janë modelet e validimit?

Koncepti

Modelet e validimit janë rregulla që përcaktojnë se cili input është i vlefshëm:

• "Duhet të përmbajë vetëm shkronja"
• "Duhet të jetë një URL e vlefshme"
• "Duhet të përputhet me formatin ABC-1234"
• "Duhet të jenë saktësisht 10 karaktere"

Si punojnë ata

1. Llojet e përdoruesve në fushën e tekstit
2. Gjatë dërgimit (ose ndërsa shkruajnë), të dhënat e dhëna kontrollohen kundrejt modelit
3. Nëse përputhet: Validimi kalon
4. Nëse nuk funksionon: Shfaqet mesazh gabimi

përfitimet

• Cilësia e të dhënave: Siguroni formate të qëndrueshme
• Parandalimi i gabimeve: Kapni gabimet herët
• Udhëzime për përdoruesit: Pritshmëri të qarta
• Përputhshmëria me rrjedhën e poshtme: Të dhënat funksionojnë me sisteme të tjera

Modele të integruara të validimit

Ndërtues Automatik i Formularëve përfshin modele të zakonshme:

Përdorimi i modeleve të integruara

Hapi 1: Shtoni fushë teksti

1. Hapni formularin tuaj në A.F.B.
2. Zvarrit Tekst fushë për të formuar
3. Klikoni për të konfiguruar

Hapi 2: Zgjidhni Modelin e Validimit

1. Gjej Modeli i Validimit në cilësime
2. Zgjidh nga lista zbritëse:
   • Asnjë (pa model)
   • Email
   • URL
   • Vetëm shkronja
   • Vetëm Numra
   • Alfanumerike
   • Me porosi
3. Ruaj cilësimet

Hapi 3: Validimi i Testit

1. Formulari i pamjes paraprake
2. Provo një hyrje të vlefshme - duhet të kalojë
3. Provo të dhëna të pavlefshme—duhet të shfaqë gabim

Shembuj modelesh dhe raste përdorimi

Vleresimi i URL-së

Përdorimi për:

• Fusha e faqes së internetit
• Lidhjet e portofolit
• Profilet e mediave sociale
• URL-të e referencës

Shembuj të vlefshëm:

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

Shembuj të pavlefshëm:

• example.com (mungon protokolli)
• www.example.com (mungon protokolli)
• vetëm pak tekst

Vetëm shkronja

Përdorimi për:

• Emri/mbiemri (validim i thjeshtë)
• Emrat e qyteteve
• Kodet e shteteve
• Identifikuesit alfabetikë

Shembuj të vlefshëm:

• John
• Farkëtues
• Nju Jork

Shembuj të pavlefshëm:

• John123
• Nju Jork (hapësirë)
• O'Brien (apostrof)

Shënim: Vetëm shkronja është rreptësisht e nevojshme. Merrni në konsideratë nëse keni nevojë për hapësira, viza lidhëse ose thekse.

Vetëm Numra

Përdorimi për:

• Numrat e identifikimit
• Numrat e llogarisë
• Sasia (kur nuk përdoret fusha e numrave)
• Kodet PIN

Shembuj të vlefshëm:

• 12345
• 00123
• 9876543210

Shembuj të pavlefshëm:

• 123-456 (vijë ndarëse)
• 123.45 (decimal)
• 12345A

Alfanumerike

Përdorimi për:

• Kodet e produkteve
• Numrat e referencës
• usernames
• Numrat serik

Shembuj të vlefshëm:

• ABC123
• User42
• PROD001

Shembuj të pavlefshëm:

• ABC-123 (vizë ndarëse)
• ABC 123 (hapësirë)
• ABC_123 (vijë e poshtme)

Modele Validimi të Personalizuara (Regex)

Çfarë është Regex?

Shprehjet e rregullta (regex) janë modele që përshkruajnë formatet e tekstit:

• ^ = Fillimi i vargut
• $ = Fundi i vargut
• [A-Z] = Çdo shkronjë e madhe
• [a-z] = Çdo shkronjë e vogël
• [0-9] = Çdo shifër
• {3} = Pikërisht 3 nga të mëparshmet
• {2,5} = Midis 2 dhe 5 të të mëparshmëve
• + = Një ose më shumë
• * = Zero ose më shumë
• ? = Opsionale (zero ose një)

Krijimi i modeleve të personalizuara

1. Zgjidhni "Personalizuar" nga menyja zbritëse e validimit
2. Fut modelin tënd të rregullt
3. Testoni me hyrje të ndryshme

Shembuj të zakonshëm të modeleve të personalizuara

Kodi Postar i SHBA-së

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

Validohet:

• 12345 (5 shifra)
• 12345-6789 (kod postar+4)

Refuzon:

• 1234 (shumë i shkurtër)
• 123456 (shumë i gjatë)
• ABCDE (shkronja)

Numri i telefonit në SHBA

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

Validohet: 555-123-4567

Për format fleksibël: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Validohet:

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

Kodi i Produktit (formati ABC-1234)

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

Validohet:

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

Refuzon:

• abc-1234 (shkronja të vogla)
• AB-1234 (vetëm 2 shkronja)
• ABC1234 (mungon vizë ndarëse)

Targë (Formate të ndryshme)

Modeli (i përgjithshëm i SHBA-së): ^[A-Z0-9]{1,7}$

Validohet: 1-7 shkronja/numra të mëdha

Kartë Krediti (Formati Bazë)

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

Validohet:

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

Shënim: Për pagesat aktuale, përdorni përpunues të duhur pagesash me validimin e tyre.

Emri i përdoruesit (Shkronja, Numra, Vija e poshtme)

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

Rregullat:

• Fillon me shkronjë
• Gjithsej 3-20 karaktere
• Vetëm shkronja, numra, nënvizim

Validohet: përdoruesi_123, JohnDoe, test42

Kodi Heksadecimal i Ngjyrave

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

Validohet:

• # FF5733
• #fff
• #ABC123

Data (VVVV-MM-DD)

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

Validohet: 2026-01-15

Shënim: Për datat, përdorimi i një fushe Date me zgjedhësin e datës është zakonisht më i mirë.

Ora (HH:MM 24 orë)

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

Validohet:

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

Numri i Faturës (INV-YYYY-NNNN)

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

Validohet:

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

Numri i Sigurimeve Shoqërore (SHBA)

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

Validohet: 123-45-6789

Warning: Kini kujdes me mbledhjen e numrave të sigurimeve shoqërore - implikime për sigurinë dhe privatësinë.

Ndërtimi i modeleve tuaja

Procesi hap pas hapi

1. Përcaktoni kërkesat: Çfarë formati ju nevojitet?
2. Zbërthejeni atë: Çfarë personazhesh, sa prej tyre dhe në çfarë rendi?
3. Modeli i ndërtimit: Përkthe në regex
4. Provoni tërësisht: Të dhëna të vlefshme DHE të pavlefshme
5. Shkruaj mesazh gabimi: Ndihmoni përdoruesit të kuptojnë formatin

Shembull: ID e punonjësit

kërkesa: 2 shkronja + 4 shifra + 1 shkronjë (p.sh., AB1234C)

Thyej:

• 2 shkronja të mëdha: [A-Z]{2}
• 4 shifra: \d{4}
• 1 shkronjë e madhe: [A-Z]
• Asgjë para ose pas: ^ $

Modeli përfundimtar: ^[A-Z]{2}\d{4}[A-Z]$

Modelet e Testimit

Para përdorimit në formë:

• Testo hyrjet e vlefshme (duhet të kalojë)
• Testo hyrjet e pavlefshme (duhet të dështojë)
• Rastet e skajeve të testimit (kufijtë, karakteret speciale)
• Përdorni testues të rregullt online për të debuguar

Mesazhe Gabimi për Validimin

Mesazhet e parazgjedhura

• "Ju lutemi futni një vlerë të vlefshme"
• "Kjo fushë është e pavlefshme"

Mesazhe më të mira të personalizuara

Tregojuni përdoruesve formatin e pritur:

Përdorimi i Vendmbajtësit dhe Tekstit Ndihmës

Parandaloni gabimet duke treguar formatin paraprakisht:

• Vendmbajtës: “ABC-1234”
• Teksti i ndihmës: "Vendosni kodin e produktit tuaj (p.sh., ABC-1234)"

Praktikat më të mira

1. Filloni Simple

Përdorni modele të integruara kur është e mundur. Rregulli i personalizuar shton kompleksitetin.

2. Mos e teproni me vlerësimin

Modelet tepër të rrepta i frustrojnë përdoruesit:

• Emra me viza lidhëse (Mary-Jane)
• Emra me apostrofë (O'Brien)
• Personazhe ndërkombëtare (José, Müller)

3. Shfaq formatin e pritur

Gjithmonë u tregoni përdoruesve se çfarë prisni:

• Vendmbajtës me shembull
• Tekst ndihmës që shpjegon formatin
• Fshij mesazhin e gabimit

4. Testimi i kutive të skajit

• Të dhëna boshe
• Hapësira në fillim/fund
• Karaktere speciale
• Gjatësia maksimale

5. Konsideroni alternativat

Ndonjëherë qasjet e tjera janë më të mira:

• Datat → Përdorni fushën e datës
• Numrat → Përdorni fushën e Numrit
• Telefoni → Përdorni fushën Telefoni me format
• Opsione të fiksuara → Përdorni listën zbritëse

Kombinimi me Validime të Tjera

Model + i detyrueshëm

• Fusha duhet të plotësohet DHE të përputhet me modelin
• Bosh dështon "i kërkuar"
• Formati i gabuar dështon në model

Modeli + Gjatësia Min/Maks

• Modeli vërteton formatin
• Gjatësia vërteton madhësinë
• Të dyja duhet të kalojnë

Zgjidhja e Problemeve të Modeleve

Modeli nuk funksionon

kontrolloni:

• Sintaksa është e saktë (pa gabime drejtshkrimore)
• Personazhet specialë u shpëtuan siç duhet
• ^ dhe $ ankorat nëse është e nevojshme

Të dhëna të vlefshme po refuzohen

kontrolloni:

• Modeli mund të jetë shumë i rreptë
• Mungojnë karaktere të vlefshme në model
• Çështje të ndjeshmërisë së shkronjave dhe të vogla

Të dhëna të pavlefshme që pranohen

kontrolloni:

• Modeli mund të jetë shumë i lirshëm
• Mungojnë ankorat (^ dhe $)
• Testoni me më shumë shembuj

Pyetjet e bëra më shpesh

A mund të kombinoj disa modele?

Një fushë e vetme përdor një model. Për validim kompleks, kombinoni kërkesat në një regex duke përdorur alternimin (|) ose krijoni modelin që përputhet me të gjitha kërkesat.

A janë modelet të ndjeshme ndaj shkronjave të mëdha dhe të mëdha?

Si parazgjedhje, po. Përdorni [A-Za-z] për të përputhur të dyja shkronjat e mëdha ose shtoni një flamur të pandjeshëm ndaj shkronjave të mëdha dhe të vogla nëse mbështetet.

Si mund të lejoj hapësira?

Shto \s në klasën tënde të personazheve: [A-Za-z\s] përputhet me shkronjat dhe hapësirat.

Po personazhet ndërkombëtare?

[A-Za-z] standard nuk përfshin karaktere me theks. Për emrat ndërkombëtarë, merrni në konsideratë një validim më të lirshëm ose përdorni \p{L} (nëse mbështetet) për çdo shkronjë.

A duhet ta validoj në turbullim apo ta dërgoj?

Të dyja funksionojnë. Në turbullim (humbje fokusi) jep reagime më të shpejta. Në dërgim kap gjithçka. Shumë formularë i bëjnë të dyja.

përmbledhje

Shtimi i modeleve të validimit të personalizuar:

1. Zgjidhni llojin e modelit – I integruar ose i personalizuar
2. Konfiguro modelin – Zgjidhni ose futni regex
3. Shto vendmbajtës – Shfaq formatin e pritur
4. Shto tekst ndihme – Shpjegoni kërkesat
5. Vendos mesazhin e gabimit – Korrigjim udhëzues
6. Provoni tërësisht – Të dhëna të vlefshme dhe të pavlefshme

Përfundim

Modelet e validimit të personalizuar sigurojnë cilësinë e të dhënave duke zbatuar formate specifike. Pavarësisht nëse keni nevojë për validim URL-sh, kode produktesh apo identifikues të personalizuar, modelet kapin gabimet para dorëzimit dhe i udhëzojnë përdoruesit të korrigjojnë të dhënat hyrëse.

Ndërtues Automatik i Formularëve përfshin modele të zakonshme (email, URL, shkronja, numra, alfanumerike) dhe mbështet regex të personalizuar për nevoja të specializuara të validimit. Të dhënat e pastra fillojnë me validimin e duhur.

Gati për të validuar të dhënat e dhëna në formular? Shkarkoni Ndërtuesin Automatik të Formularëve dhe sigurohuni që formularët tuaj të mbledhin të dhëna të formatuara saktë.