Prilagođeni obrasci validacije za tekstualna polja

A polje za tekst prihvaća sve što korisnici unesu, ali ponekad su vam potrebni određeni formati. URL-ovi web-mjesta, kodovi proizvoda, brojevi licenci ili nazivi koji se sastoje samo od slova imaju obrasce koji ih čine valjanima. Prilagođeni obrasci validacije omogućuju vam da točno definirate koji je format prihvatljiv, hvatajući pogreške prije slanja.

U ovom vodiču naučit ćete kako dodati prilagođene obrasce validacije u tekstualna polja u svojim WordPress obrascima.

Što su obrasci validacije?

Koncept

Validacijski obrasci su pravila koja definiraju koji je ulaz valjan:

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

Kako rade

1. Korisnik upisuje u tekstualno polje
2. Prilikom slanja (ili dok tipkaju), unos se provjerava u odnosu na uzorak
3. Ako se podudara: Validacija je prošla
4. Ako se ne dogodi: Prikazuje se poruka o pogrešci

Pogodnosti

• Kvaliteta podataka: Osigurajte dosljedne formate
• Sprječavanje pogrešaka: Uočite greške rano
• Upute za korisnike: Jasna očekivanja
• Kompatibilnost nizvodno: Podaci funkcioniraju s drugim sustavima

Ugrađeni obrasci validacije

Automatski alat za izradu obrazaca uključuje uobičajene obrasce:

Korištenje ugrađenih uzoraka

Korak 1: Dodajte tekstualno polje

1. Otvorite svoj obrazac u A.F.B.
2. Vući Tekst polje za formiranje
3. Kliknite za konfiguraciju

Korak 2: Odaberite uzorak validacije

1. naći Uzorak validacije u postavkama
2. Odaberite iz padajućeg izbornika:
   • Nema (bez uzorka)
   • E-mail
   • URL
   • Samo slova
   • Samo brojevi
   • Alfanumerički
   • običaj
3. Spremi 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 se prikazati greška

Primjeri uzoraka i slučajevi upotrebe

Provjera URL-a

Koristi za:

• Polje web-stranice
• Linkovi portfelja
• Profili društvenih medija
• URL-ovi referenci

Valjani 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

Koristi za:

• Ime/prezime (jednostavna provjera valjanosti)
• Imena gradova
• Pozivni brojevi država
• Abecedni identifikatori

Valjani primjeri:

• Jovan
• Kovač
• NewYork

Nevažeći primjeri:

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

Bilješka: Samo slova su stroga. Razmislite trebaju li vam razmaci, crtice ili naglasci.

Samo brojevi

Koristi za:

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

Valjani primjeri:

• 12345
• 00123
• 9876543210

Nevažeći primjeri:

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

Alfanumerički

Koristi za:

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

Valjani primjeri:

• ABC123
• User42
• PROD001

Nevažeći primjeri:

• ABC-123 (crtica)
• ABC 123 (razmak)
• ABC_123 (podcrtano)

Prilagođeni obrasci validacije (Regex)

Što 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 znamenka
• {3} = Točno 3 od prethodnih
• {2,5} = Između 2 i 5 prethodnih
• + = Jedan ili više
• * = Nula ili više
• ? = Neobavezno (nula ili jedan)

Izrada prilagođenih uzoraka

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

Primjeri uobičajenih prilagođenih uzoraka

Poštanski broj SAD-a

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

Potvrđuje:

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

Odbija:

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

Telefonski broj u SAD-u

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

Odbija:

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

Registarska pločica (različiti formati)

Uzorak (općenito 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, podvlaka)

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

Pravila:

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

Potvrđuje: korisnik_123, JohnDoe, test42

Heksadecimalni kod boje

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 je obično bolje koristiti polje Datum s alatom za odabir datuma.

Vrijeme (HH:MM 24 sata)

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

Potvrđuje:

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

Broj računa (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 pri prikupljanju matičnih brojeva socijalnog osiguranja - sigurnosne i privatnosne implikacije.

Izgradnja vlastitih obrazaca

Korak po korak

1. Definirajte zahtjeve: Koji vam je format potreban?
2. Slomi to: Koji likovi, koliko, kojim redoslijedom?
3. Uzorak za izradu: Prevedi u regularni izraz
4. Temeljito testirajte: Važeći I nevažeći unosi
5. Napiši poruku o pogrešci: Pomozite korisnicima da razumiju format

Primjer: ID zaposlenika

Zahtjev: 2 slova + 4 znamenke + 1 slovo (npr. AB1234C)

Analiza:

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

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

Uzorci testiranja

Prije upotrebe u obliku:

• Testirajte valjane ulaze (trebalo bi proći)
• Testiraj nevažeće unose (trebalo bi propasti)
• Testiranje rubnih slučajeva (granice, posebni znakovi)
• Koristite online testere regularnih izraza za otklanjanje pogrešaka

Poruke o pogreškama za validaciju

Zadane poruke

• "Molimo unesite valjanu vrijednost"
• "Ovo polje nije važeće"

Bolje prilagođene poruke

Obavijestite korisnike o očekivanom formatu:

Korištenje rezerviranog mjesta i teksta pomoći

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

• Rezervirano mjesto: „ABC-1234“
• Tekst pomoći: „Unesite svoj kod proizvoda (npr. ABC-1234)“

Najbolje prakse

1. Počnite jednostavno

Koristite ugrađene obrasce kad god je to moguće. Prilagođeni regularni izrazi dodaju složenost.

2. Nemojte precijeniti

Prestrogi obrasci frustriraju korisnike:

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

3. Prikaži očekivani format

Uvijek recite korisnicima što očekujete:

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

4. Testiranje rubnih slučajeva

• Prazan unos
• Razmaci na početku/kraju
• Posebni znakovi
• Maksimalna duljina

5. Razmotrite alternative

Ponekad su drugi pristupi bolji:

• Datumi → Koristi polje Datum
• Brojevi → Koristi polje Broj
• Telefon → Koristi polje Telefon s formatom
• Fiksne opcije → Koristi padajući izbornik

Kombiniranje s drugim validacijama

Uzorak + Obavezno

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

Uzorak + minimalna/maksimalna duljina

• Uzorak potvrđuje format
• Duljina potvrđuje veličinu
• Oboje moraju proći

Uzorci rješavanja problema

Uzorak ne radi

Ček:

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

Važeći unos se odbija

Ček:

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

Prihvaća se nevažeći unos

Ček:

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

Često postavljana pitanja

Mogu li kombinirati više uzoraka?

Jedno polje koristi jedan uzorak. Za složenu validaciju, kombinirajte zahtjeve u jednom regularnom izrazu pomoću alternacije (|) ili stvorite uzorak koji odgovara svim zahtjevima.

Jesu li uzorci osjetljivi na velika i mala slova?

Prema zadanim postavkama, 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 dopustiti razmake?

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

Što je s međunarodnim likovima?

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

Trebam li provjeriti na Blur-u ili poslati?

Oba funkcioniraju. Zamućenje (gubitak fokusa) daje brže povratne informacije. Poslano 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 pogrešci – Korekcija vodiča
6. Temeljito testirajte – Valjani i nevaljani unosi

Zaključak

Prilagođeni obrasci validacije osiguravaju kvalitetu podataka provođenjem određenih formata. Bez obzira trebate li validaciju URL-ova, kodova proizvoda ili prilagođenih identifikatora, obrasci hvataju pogreške prije slanja i vode korisnike do ispravljanja unosa.

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

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