Regular Expression (Regex) untuk validasi input form web adalah pola karakter yang mendefinisikan suatu aturan pencocokan teks guna memastikan data yang dimasukkan pengguna ke dalam formulir sesuai dengan format yang valid sebelum dikirimkan ke server. Penggunaan regex yang tepat menghemat bandwidth, mempercepat respons antarmuka, serta mencegah kesalahan penyimpanan data di basis data.
Berikut adalah tabel kumpulan pola regex standar yang paling sering digunakan dalam pengembangan aplikasi web modern:
| Jenis Input Form | Pola Regex (Pattern) | Keterangan Aturan Validasi |
|---|---|---|
^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$ |
Menerima karakter alfanumerik standar, simbol titik/dash/underscore, wajib ada simbol @ dan domain berakhiran minimal 2 huruf. | |
| Nomor HP Indonesia | ^(\+62|62|0)[0-9]{9,12}$ |
Validasi awalan +62, 62, atau 0, diikuti 9 hingga 12 digit angka berikutnya. |
| Password Kuat | ^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$ |
Minimal 8 karakter, wajib mengandung kombinasi huruf dan angka. |
| Nama Lengkap | ^[a-zA-Z\s\, \.']{3,50}$ |
Hanya huruf, spasi, tanda petik satu, titik, dan koma dengan panjang 3 sampai 50 karakter. |
| NIK (KTP) | ^[0-9]{16}$ |
Harus tepat 16 digit angka numerik. |
Implementasi Kode Validasi Regex pada JavaScript
Penerapan regex pada form HTML umumnya dikombinasikan dengan atribut pattern di elemen input atau menggunakan fungsi pengujian (test()) di sisi JavaScript untuk memberikan umpan balik langsung kepada pengguna.
// Contoh fungsi validasi email menggunakan JavaScript
function validasiEmail(email) {
const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
return regex.test(email);
}
// Contoh penggunaan
const inputEmail = "[email protected]";
if (validasiEmail(inputEmail)) {
console.log("Format email valid.");
} else {
console.log("Format email tidak valid!");
}
Tips Implementasi dan Troubleshooting Lapangan
Kesalahan umum saat menerapkan regex pada form web adalah penggunaan modifier yang salah atau tidak melakukan escape karakter khusus dengan benar. Pastikan untuk selalu menguji pola regex menggunakan perangkat uji daring seperti RegExr atau Regex101 sebelum menerapkannya ke dalam basis kode produksi (production code). Selain itu, validasi berbasis regex di sisi klien (frontend) wajib didukung oleh validasi ketat di sisi peladen (backend) untuk menjaga keamanan sistem dari manipulasi data HTTP request.