Pola Validasi Khusus kanggo Kolom Teks
A kolom teks nampa apa wae sing diketik pangguna—nanging kadhangkala sampeyan butuh format tartamtu. URL situs web, kode produk, nomer lisensi, utawa jeneng sing mung nganggo huruf kabeh duwe pola sing ndadekake valid. Pola validasi khusus ngidini sampeyan nemtokake format apa sing bisa ditampa, kanthi nangkep kesalahan sadurunge dikirim.
Ing pandhuan iki, sampeyan bakal sinau carane nambah pola validasi khusus menyang kolom teks ing formulir WordPress sampeyan.
Apa sing diarani Pola Validasi?
Konsep
Pola validasi minangka aturan sing nemtokake input apa sing valid:
- "Kudu mung ngemot aksara"
- "Kudu URL sing valid"
- "Kudu cocog karo format ABC-1234"
- "Kudu persis 10 karakter"
Cara Kerja
- Jinis panganggo ing kolom teks
- Nalika dikirim (utawa nalika ngetik), input dicenthang karo pola
- Yen cocog: Validasi lulus
- Yen ora: Pesen kesalahan ditampilake
Wuku
- Kualitas data: Priksa manawa format konsisten
- Nyegah kesalahan: Nyekel kesalahan luwih awal
- Pandhuan panganggo: Cetha pangarepan
- Kompatibilitas hilir: Data bisa digunakake karo sistem liyane
Pola Validasi Terintegrasi
Pembangun Formulir Otomatis kalebu pola umum:
| pola | Validates | Conto Input sing Valid |
|---|---|---|
| Format alamat email | [email dilindhungi] | |
| URL | URL situs web | https://example.com |
| Huruf Mung | AZ, mung az | JohnSmith |
| Mung Nomer | 0-9 mung | 12345 |
| Alfanumerik | Huruf lan angka | ABC123 |
| Custom | Pola regex sampeyan dhewe | (gumantung saka pola) |
Nggunakake Pola sing Wis Dipasang
Langkah 1: Tambah Kolom Teks
- Bukak formulirmu ing A.F.B.
- Seret Tèks lapangan kanggo mbentuk
- Klik kanggo ngonfigurasi
Langkah 2: Pilih Pola Validasi
- Golek Pola Validasi ing setelan
- Pilih saka menu gulung mudhun:
- Ora ana (ora ana pola)
- URL
- Huruf Mung
- Mung Nomer
- Alfanumerik
- Custom
- Simpen setelan
Langkah 3: Validasi Tes
- Formulir pratinjau
- Coba input sing valid—mesthine lulus
- Coba input sing ora valid—kudune nuduhake kesalahan
Tuladha Pola lan Kasus Panggunaan
Validasi URL
Gunakake kanggo:
- Kolom situs web
- Pranala portofolio
- Profil media sosial
- URL Referensi
Conto sing valid:
- https://example.com
- http://www.example.com/page
- https://example.com/path?query=value
Tuladha sing ora valid:
- conto.com (protokol ilang)
- www.example.com (protokol ilang)
- mung sawetara teks
Huruf Mung
Gunakake kanggo:
- Jeneng ngarep/mburi (validasi prasaja)
- Jeneng-jeneng kutha
- Kode negara
- Identifikasi alfabet
Conto sing valid:
- John
- Smith
- NewYork
Tuladha sing ora valid:
- John123
- New York (angkasa)
- O'Brien (apostrof)
Catetan: Mung aksara waé sing kudu diwènèhaké. Coba pikirake apa sampeyan butuh spasi, tanda hubung, utawa aksen.
Mung Nomer
Gunakake kanggo:
- Nomer ID
- Nomer akun
- Kuantitas (nalika ora nggunakake kolom angka)
- kode PIN
Conto sing valid:
- 12345
- 00123
- 9876543210
Tuladha sing ora valid:
- 123-456 (tanda hubung)
- 123.45 (desimal)
- 12345A
Alfanumerik
Gunakake kanggo:
- Kode produk
- Nomer referensi
- Jeneng panganggo
- nomer seri
Conto sing valid:
- ABC123
- User42
- PROD001
Tuladha sing ora valid:
- ABC-123 (tanda hubung)
- ABC 123 (spasi)
- ABC_123 (garis ngisor)
Pola Validasi Khusus (Regex)
Apa Regex?
Ekspresi reguler (regex) yaiku pola sing nggambarake format teks:
^= Wiwitan saka string$= Pungkasaning ukara[A-Z]= Huruf kapital apa wae[a-z]= Huruf cilik apa wae[0-9]= Sembarang digit{3}= Tepat 3 saka sadurunge{2,5}= Antarane 2 lan 5 saka sadurunge+= Siji utawa luwih*= Nol utawa luwih?= Opsional (nol utawa siji)
Nggawe Pola Khusus
- Pilih "Kustom" saka dhaptar gulung mudhun validasi
- Lebokna pola regex sampeyan
- Tes nganggo macem-macem input
Tuladha Pola Khusus Umum
Kode Pos AS
Pola: ^\d{5}(-\d{4})?$
Validasi:
- 12345 (5 digit)
- 12345-6789 (Kode Pos+4)
Ditolak:
- 1234 (kecendhaken)
- 123456 (kedawane)
- ABCDE (huruf)
Nomer Telpon AS
Pola: ^\d{3}-\d{3}-\d{4}$
Validasi: 555-123-4567
Kanggo format fleksibel: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$
Validasi:
- 555-123-4567
- (555) 123-4567
- 555.123.4567
- 555 123 4567
Kode Produk (format ABC-1234)
Pola: ^[A-Z]{3}-\d{4}$
Validasi:
- ABC-1234
- XYZ-9999
- PRO-0001
Ditolak:
- abc-1234 (huruf cilik)
- AB-1234 (mung 2 aksara)
- ABC1234 (tanda hubung ilang)
Plat Nomor (Macem-macem Format)
Pola (umum AS): ^[A-Z0-9]{1,7}$
Validasi: 1-7 huruf kapital/angka
Kartu Kredit (Format Dasar)
Pola: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$
Validasi:
- 1234567890123456
- 1234 5678 9012 3456
- 1234-5678-9012-3456
Catetan: Kanggo pambayaran sing nyata, gunakake prosesor pambayaran sing tepat kanggo validasi.
Jeneng Panganggo (Huruf, Angka, Garis Bawah)
Pola: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$
Aturan:
- Diwiwiti nganggo aksara
- Total 3-20 karakter
- Mung aksara, angka, garis ngisor
Validasi: panganggo_123, JohnDoe, test42
Kode Warna Heksadesimal
Pola: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
Validasi:
- #FF5733
- #fff
- #ABC123
Tanggal (YYYY-MM-DD)
Pola: ^\d{4}-\d{2}-\d{2}$
Validasi: 2026-01-15
Catetan: Kanggo tanggal, nggunakake kolom Tanggal nganggo pemilih tanggal biasane luwih apik.
Wektu (HH:MM 24 jam)
Pola: ^([01]\d|2[0-3]):[0-5]\d$
Validasi:
- 09:30
- 14:45
- 23:59
Nomer Faktur (INV-YYYY-NNNN)
Pola: ^INV-\d{4}-\d{4}$
Validasi:
- INV-2026-0001
- INV-2025-1234
Nomer Jaminan Sosial (AS)
Pola: ^\d{3}-\d{2}-\d{4}$
Validasi: 123-45-6789
warning: Ati-ati nalika ngumpulake SSN—ana implikasine karo keamanan lan privasi.
Nggawe Pola Dhewe
Proses Langkah-Langkah
- Nemtokake syarat: Format apa sing sampeyan butuhake?
- Rusak: Karakter apa, pira cacahe, urut-urutane piye?
- Pola mbangun: Terjemahake menyang regex
- Tes sak tenane: Input sing valid LAN ora valid
- Tulis pesen kesalahan: Mbantu pangguna mangerteni format
Tuladha: ID Karyawan
Requirement: 2 aksara + 4 angka + 1 aksara (contone, AB1234C)
Risak:
- 2 aksara gedhe:
[A-Z]{2} - 4 angka:
\d{4} - 1 huruf kapital:
[A-Z] - Ora ana sadurunge utawa sawise:
^lan$
Pola pungkasan: ^[A-Z]{2}\d{4}[A-Z]$
Pola Pengujian
Sadurunge digunakake ing wangun:
- Tes input sing valid (kudune lulus)
- Tes input sing ora valid (mesthine gagal)
- Kasus pinggiran uji (wates, karakter khusus)
- Gunakake penguji regex online kanggo debug
Pesen Kesalahan kanggo Validasi
Pesen Baku
- "Mangga lebokna nilai sing valid"
- "Kolom iki ora valid"
Pesen Khusus sing Luwih Apik
Marang pangguna format sing dikarepake:
| pola | Pesen Kesalahan sing Luwih Apik |
|---|---|
| ZIP Code | "Mangga lebokna kode pos sing bener (contone, 12345 utawa 12345-6789)" |
| Telpon | "Mangga lebokna nomer telpon minangka 555-123-4567" |
| Kode Produk | "Format: ABC-1234 (3 aksara, tanda hubung, 4 angka)" |
| Jeneng | "Jeneng panganggo kudu diwiwiti nganggo aksara, 3-20 karakter, mung aksara/angka/garis ngisor" |
Nggunakake Placeholder lan Teks Pitulung
Nyegah kesalahan kanthi nampilake format ing ngarep:
- Panggonan Panggonan: "ABC-1234"
- Teks pitulungan: "Ketik kode produk sampeyan (contone, ABC-1234)"
Best Practices
1. Miwiti Prasaja
Gunakna pola bawaan yen bisa. Regex khusus nambah kerumitan.
2. Aja Kakehan Validasi
Pola sing kaku banget nggawe pangguna frustasi:
- Jeneng nganggo tanda hubung (Mary-Jane)
- Jeneng nganggo apostrof (O'Brien)
- Karakter internasional (José, Müller)
3. Tampilake Format sing Dikarepake
Tansah critakake marang pangguna apa sing dikarepake:
- Panggonan panggon nganggo conto
- Teks pitulungan njelasake format
- Busak pesen kesalahan
4. Kasus Tes Tepi
- Input kosong
- Spasi ing wiwitan/pungkasan
- Karakter khusus
- Dawane maksimal
5. Coba Alternatif
Kadhangkala pendekatan liyane luwih apik:
- Tanggal → Gunakake kolom Tanggal
- Angka → Gunakake kolom Angka
- Telpon → Gunakake kolom Telpon nganggo format
- Opsi sing wis didandani → Gunakake Gulung mudhun
Nggabungake karo Validasi Liyane
Pola + Wajib
- Kolom kudu diisi LAN cocog karo pola
- Gagal kosong "dibutuhake"
- Pola gagal format sing salah
Pola + Dawane Minimal/Maks.
- Pola ngevalidasi format
- Dawane nemtokake ukuran
- Loro-lorone kudu lulus
Pola Pemecahan Masalah
Pola Ora Bisa Digunakake
Mrikso:
- Sintaks wis bener (ora ana typo)
- Karakter khusus lolos kanthi bener
- ^ lan $ jangkar yen dibutuhake
Input sing Valid Ditolak
Mrikso:
- Pola bisa uga kaku banget
- Karakter sing valid ilang ing pola
- Masalah sensitivitas huruf gedhe-cilik
Input Ora Valid Ditampa
Mrikso:
- Pola bisa uga longgar banget
- Jangkar sing ilang (^ lan $)
- Tes nganggo conto liyane
Pitakonan Paling Sering
Apa aku isa nggabungake pirang-pirang pola?
Siji kolom nggunakake siji pola. Kanggo validasi sing kompleks, gabungke syarat ing siji regex nggunakake alternasi (|) utawa gawe pola supaya cocog karo kabeh syarat.
Apa pola-pola kasebut sensitif marang huruf gedhe-cilik?
Sacara standar, ya. Gunakake [A-Za-z] kanggo cocogake kaloro huruf gedhe lan cilik, utawa tambahake tandha sing ora sensitif huruf gedhe lan cilik yen didhukung.
Kepiye carane ngidini spasi?
Tambahna \s menyang kelas karaktermu: [A-Za-z\s] cocog karo huruf lan spasi.
Kepriye karo karakter internasional?
Standar [A-Za-z] ora kalebu karakter sing ditekan. Kanggo jeneng internasional, coba validasi sing luwih longgar utawa gunakake \p{L} (yen didhukung) kanggo aksara apa wae.
Apa aku kudu validasi nalika blur utawa ngirim?
Kalorone bisa digunakake. Nalika blur (kelangan fokus) menehi umpan balik sing luwih cepet. Nalika submit bisa nangkep kabeh. Akeh formulir sing bisa nindakake kalorone.
Summary
Nambahake pola validasi khusus:
- Pilih jinis pola - Dibangun ing njero utawa khusus
- Konfigurasi pola – Pilih utawa ketik regex
- Tambahake papan panggonan – Tampilake format sing dikarepake
- Tambah teks pitulungan - Nerangake syarat-syarate
- Setel pesen kesalahan - Koreksi pandhuan
- Tes sak tenane – Input sing valid lan ora valid
kesimpulan
Pola validasi khusus njamin kualitas data kanthi ngetrapake format tartamtu. Apa sampeyan butuh validasi URL, kode produk, utawa pengenal khusus, pola kasebut bakal nangkep kesalahan sadurunge dikirim lan nuntun pangguna kanggo mbenerake input.
Pembangun Formulir Otomatis kalebu pola umum (Email, URL, Huruf, Angka, Alfanumerik) lan ndhukung regex khusus kanggo kabutuhan validasi khusus. Data sing resik diwiwiti kanthi validasi sing tepat.
Wis siap kanggo validasi input formulir sampeyan? Unduh Pembuat Formulir Otomatis lan priksa manawa formulir sampeyan ngumpulake data sing diformat kanthi bener.