Prilagođeni obrasci validacije za tekstualna polja

A polje za tekst prihvata sve što korisnici ukucaju - ali ponekad su vam potrebni specifični formati. URL-ovi web stranica, kodovi proizvoda, brojevi licenci ili nazivi koji se sastoje samo od slova imaju obrasce koji ih čine validnim. Prilagođeni obrasci validacije vam omogućavaju da tačno definišete koji je format prihvatljiv, hvatajući greške prije slanja.

U ovom vodiču ćete naučiti kako dodati prilagođene obrasce validacije u tekstualna polja u vašim WordPress obrascima.

Šta su obrasci validacije?

Koncept

Validacijski obrasci su pravila koja definiraju koji je ulaz validan:

• "Mora sadržavati samo slova"
• "Mora biti važeći URL"
• "Mora odgovarati formatu ABC-1234"
• "Mora imati tačno 10 znakova"

Kako oni rade

1. Korisnik kuca u tekstualno polje
2. Prilikom slanja (ili dok kucaju), unos se provjerava u odnosu na obrazac
3. Ako se podudara: Validacija je prošla
4. Ako se to ne dogodi: Prikazuje se poruka o grešci

Prednosti

• Kvalitet podataka: Osigurajte konzistentne formate
• Sprečavanje grešaka: Uočite greške rano
• Uputstvo za korisnike: Jasna očekivanja
• Kompatibilnost nizvodno: Podaci funkcionišu sa drugim sistemima

Ugrađeni obrasci validacije

Automatski kreator obrazaca uključuje uobičajene obrasce:

Korištenje ugrađenih obrazaca

Korak 1: Dodajte tekstualno polje

1. Otvorite svoj obrazac u A.F.B.
2. kočnica tekst polje za formiranje
3. Kliknite za konfiguraciju

Korak 2: Odaberite obrazac za validaciju

1. pronaći Validacijski obrazac u postavkama
2. Izaberite iz padajućeg menija:
   • Nema (nema uzorka)
   • E-mail
   • URL
   • Samo slova
   • Samo brojevi
   • Alfanumerički
   • običaj
3. Sačuvaj postavke

Korak 3: Validacija testa

1. Pregled obrasca
2. Pokušajte s valjanim unosom - trebalo bi proći
3. Pokušajte s nevažećim unosom—trebala bi prikazati grešku

Primjeri obrazaca i slučajevi upotrebe

URL validacija

Upotreba za:

• Polje za web stranicu
• Linkovi portfolija
• Profili društvenih medija
• URL-ovi referenci

Validni primjeri:

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

Nevažeći primjeri:

• example.com (nedostaje protokol)
• www.example.com (nedostaje protokol)
• samo neki tekst

Samo slova

Upotreba za:

• Ime/prezime (jednostavna validacija)
• Imena gradova
• Kodovi zemalja
• Abecedni identifikatori

Validni primjeri:

• Jovan
• kovač
• Njujork

Nevažeći primjeri:

• John123
• New York (svemir)
• O'Brien (apostrof)

Bilješka: Samo slova su stroga. Razmislite da li su vam potrebni razmaci, crtice ili akcenti.

Samo brojevi

Upotreba za:

• ID brojevi
• Brojevi računa
• Količina (kada se ne koristi polje za broj)
• PIN kodovi

Validni primjeri:

• 12345
• 00123
• 9876543210

Nevažeći primjeri:

• 123-456 (crtica)
• 123.45 (decimalno)
• 12345A

Alfanumerički

Upotreba za:

• Kodovi proizvoda
• Referentni brojevi
• Korisnička imena
• Serijski brojevi

Validni primjeri:

• ABC123
• User42
• PROD001

Nevažeći primjeri:

• ABC-123 (crtica)
• ABC 123 (razmak)
• ABC_123 (podvučeno)

Prilagođeni obrasci validacije (Regex)

Šta je Regex?

Regularni izrazi (regex) su obrasci koji opisuju formate teksta:

• ^ = Početak niza
• $ = Kraj niza
• [A-Z] = Bilo koje veliko slovo
• [a-z] = Bilo koje malo slovo
• [0-9] = Bilo koja cifra
• {3} = Tačno 3 od prethodnih
• {2,5} = Između 2 i 5 prethodnih
• + = Jedan ili više
• * = Nula ili više
• ? = Opcionalno (nula ili jedan)

Kreiranje prilagođenih uzoraka

1. Odaberite "Prilagođeno" iz padajućeg izbornika za validaciju
2. Unesite svoj regularni izraz
3. Testirajte s različitim ulazima

Primjeri uobičajenih prilagođenih uzoraka

Poštanski broj SAD-a

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

Potvrđuje:

• 12345 (5 cifre)
• 12345-6789 (poštanski broj+4)

Odbacuje:

• 1234 (prekratko)
• 123456 (predugo)
• ABCDE (slova)

Američki broj telefona

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

Potvrđuje: 555-123-4567

Za fleksibilni format: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Potvrđuje:

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

Šifra proizvoda (ABC-1234 format)

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

Potvrđuje:

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

Odbacuje:

• abc-1234 (mala slova)
• AB-1234 (samo 2 slova)
• ABC1234 (nedostaje crtica)

Registarske tablice (različiti formati)

Uzorak (opći za SAD): ^[A-Z0-9]{1,7}$

Potvrđuje: 1-7 velikih slova/brojeva

Kreditna kartica (osnovni format)

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

Potvrđuje:

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

Bilješka: Za stvarna plaćanja koristite odgovarajuće procesore plaćanja s njihovom validacijom.

Korisničko ime (Slova, Brojevi, Donja crta)

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

pravila:

• Počinje slovom
• Ukupno 3-20 znakova
• Samo slova, brojevi, donja crta

Potvrđuje: korisnik_123, JohnDoe, test42

Hex kod boja

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

Potvrđuje:

• # FF5733
• #fff
• #ABC123

Datum (GGGG-MM-DD)

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

Potvrđuje: 2026-01-15

Bilješka: Za datume, korištenje polja za datum s biračem datuma je obično bolje.

Vrijeme (HH:MM 24-satni format)

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

Potvrđuje:

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

Broj fakture (INV-GGGG-NNNN)

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

Potvrđuje:

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

Broj socijalnog osiguranja (SAD)

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

Potvrđuje: 123-45-6789

Upozorenje: Budite oprezni prilikom prikupljanja matičnih brojeva socijalnog osiguranja – to ima veze sa sigurnošću i privatnošću.

Izgradnja vlastitih obrazaca

Korak po korak

1. Definirajte zahtjeve: Koji format vam je potreban?
2. Rastavi to: Koji likovi, koliko, kojim redoslijedom?
3. Izgradi uzorak: Prevedi u regularni izraz
4. Testirajte temeljno: Važeći I nevažeći unosi
5. Napiši poruku o grešci: Pomozite korisnicima da razumiju format

Primjer: ID zaposlenika

uslov: 2 slova + 4 cifre + 1 slovo (npr. AB1234C)

Slom:

• 2 velika slova: [A-Z]{2}
• 4 cifara: \d{4}
• 1 veliko slovo: [A-Z]
• Ništa prije ili poslije: ^ i $

Konačni uzorak: ^[A-Z]{2}\d{4}[A-Z]$

Testiranje obrazaca

Prije upotrebe u obliku:

• Testirajte validne ulaze (trebalo bi proći)
• Testiraj nevažeće unose (trebalo bi da ne uspije)
• Testiranje rubnih slučajeva (granice, specijalni znakovi)
• Koristite online testere regex-ova za otklanjanje grešaka

Poruke o greškama za validaciju

Zadane poruke

• "Molimo unesite važeću vrijednost"
• "Ovo polje je nevažeće"

Bolje prilagođene poruke

Obavijestite korisnike o očekivanom formatu:

Korištenje rezerviranog mjesta i teksta pomoći

Spriječite greške tako što ćete unaprijed prikazati format:

• Čuvar mjesta: "ABC-1234"
• Tekst pomoći: "Unesite šifru proizvoda (npr. ABC-1234)"

najbolje prakse

1. Počnite jednostavno

Koristite ugrađene obrasce kad god je to moguće. Prilagođeni regex dodaje složenost.

2. Nemojte precijeniti

Previše strogi obrasci frustriraju korisnike:

• Imena sa crticama (Mary-Jane)
• Imena s apostrofima (O'Brien)
• Međunarodni likovi (José, Müller)

3. Prikaži očekivani format

Uvijek recite korisnicima šta očekujete:

• Rezervirano mjesto s primjerom
• Pomoćni tekst koji objašnjava format
• Obriši poruku o grešci

4. Testiranje rubnih slučajeva

• Prazan unos
• Razmaci na početku/kraju
• Posebni likovi
• Maksimalna dužina

5. Razmotrite alternative

Ponekad su drugi pristupi bolji:

• Datumi → Koristi polje za datum
• Brojevi → Koristi polje Broj
• Telefon → Koristi polje Telefon sa formatom
• Fiksne opcije → Koristi padajući meni

Kombinovanje sa drugim validacijama

Uzorak + Obavezno

• Polje mora biti popunjeno I mora odgovarati uzorku
• Prazno ne uspijeva "obavezno"
• Pogrešan obrazac neuspjeha formata

Uzorak + Min/Maks dužina

• Uzorak potvrđuje format
• Dužina potvrđuje veličinu
• Oba moraju proći

Rješavanje problema obrazaca

Uzorak ne radi

Proverite:

• Sintaksa je ispravna (bez tipografskih grešaka)
• Specijalni znakovi su ispravno izbjegnuti
• ^ i $ sidra ako je potrebno

Važeći unos se odbija

Proverite:

• Uzorak je možda previše strog
• Nedostaju važeći znakovi u uzorku
• Problemi s osjetljivošću na velika i mala slova

Prihvata se nevažeći unos

Proverite:

• Uzorak je možda previše labav
• Nedostaju sidra (^ i $)
• Testirajte s više primjera

Često Postavljena Pitanja

Mogu li kombinovati više uzoraka/šablona?

Jedno polje koristi jedan obrazac. Za složenu validaciju, kombinujte zahtjeve u jednom regularnom izrazu koristeći alternaciju (|) ili kreirajte obrazac koji odgovara svim zahtjevima.

Da li obrasci razlikuju velika i mala slova?

Podrazumevano, da. Koristite [A-Za-z] za usklađivanje oba velika i mala slova ili dodajte oznaku za razlikovanje velikih i malih slova ako je podržano.

Kako da dozvolim razmake?

Dodajte \s svojoj klasi znakova: [A-Za-z\s] odgovara slovima i razmacima.

Šta je sa međunarodnim likovima?

Standardni [A-Za-z] ne uključuje akcentovane znakove. Za međunarodna imena, razmislite o labavijoj validaciji ili koristite \p{L} (ako je podržano) za bilo koje slovo.

Trebam li validirati na Blur-u ili poslati?

Oba funkcionišu. Zamućenje (gubitak fokusa) daje brže povratne informacije. Prilikom slanja hvata sve. Mnogi obrasci rade oboje.

rezime

Dodavanje prilagođenih obrazaca validacije:

1. Odaberite vrstu uzorka – Ugrađeno ili prilagođeno
2. Konfiguriraj uzorak – Odaberite ili unesite regularni izraz
3. Dodaj rezervirano mjesto – Prikaži očekivani format
4. Dodaj tekst pomoći – Objasnite zahtjeve
5. Postavi poruku o grešci – Korekcija vodiča
6. Testirajte temeljno – Važeći i nevažeći unosi

zaključak

Prilagođeni obrasci validacije osiguravaju kvalitet podataka primjenom određenih formata. Bez obzira da li vam je potrebna validacija URL-ova, kodova proizvoda ili prilagođenih identifikatora, obrasci prepoznaju greške prije slanja i vode korisnike da isprave unos.

Automatski kreator obrazaca uključuje uobičajene obrasce (e-pošta, URL, slova, brojevi, alfanumerički) i podržava prilagođene regex izraze za specijalizirane potrebe validacije. Čisti podaci počinju s pravilnom validacijom.

Spremni za validaciju unosa u obrazac? Preuzmite Auto Form Builder i osigurajte da vaši obrasci prikupljaju ispravno formatirane podatke.