Selasa, 24 Maret 2015

Cek / Validasi Username Pakai Regex

Pengecekan / Validasi Pola Username Menggunakan Regular Expression

Biasanya dalam membuat sebuah website, biasanya developer akan membuat bagian membership atau user account, di mana biasanya username memiliki pola-pola khusus sesuai dengan keinginan developer. misalnya harus dimulai dengan huruf u dan dilanjutkan dengan kombinanasi angka dan huruf, atau username harus hanya huruf saja, dan lainnya

Berikut ini Saya akan memberikan cara melakukan pengecekan username menggunakan Regular Expression menggunakan Javascript dan PHP.


Pertama hal yang perlu dilakukan adalah, menentukan pola dari username tersebut, di sini saya akan membuat dengan contoh pola berikut :

  • 3 huruf awal mesti antara huruf aiueo
  • diikuti oleh kombinasi angka dan huruf
  • selain angka dan huruf, karakter lain tidak diijinkan
  • panjang minimal username adalah 5 huruf, dan maksimal 10 huruf


Dengan ketentuan di atas, kita akan membuat fungsi untuk melakukan validasi username tersebut dengan menggunakan pattern regexp berikut ini :
/^[aiueoAIUEO]{3}[a-zA-Z0-9]{2,7}$/
atau
/^[aiueo]{3}[a-z0-9]{2,7}$/i

Yang artinya :

  • Tanda ^ artinya diawali dengan
  • Warna Merah : kombinasi huruf a i u e o 
  • {3} : artinya harus 3x kombinasi aiueo
  • Warna Kuning : kombinasi semua huruf dan angka
  • {2,7} : artinya minimal 2x kombinasi huruf angka, maksimal 7x kombinasi huruf angka
  • Tanda $ artinya diakhiri dengan
  • Jika dilihat 3+2 adalah 5 (panjang minimal) dan 3+7 adalah 10 (panjang maksimal)
  • Tanda ^ dan $ harus dimasukkan jika ingin membatasi panjang dan total karakter yang dimasukkan.
  • Pattern terakhir menggunakan modifier  i   dibelakang, fungsinya adalah melakukan pengecekan tanpa memperhatikan kapitalisasi huruf besar atau kecil.

Contoh di penggunaan menggunakan Javascript :
function isAcceptedUsername(username) {
    var Regex = /^[aiueo]{3}[a-z0-9]{2,7}$/i ;
    return Regex.test(username) ;
}
// Cara menggunakan fungsi di atas
if (isAcceptedUsername("aaat3st1ng")) {
    alert("Username Is Valid") ;
} else {
    alert("Username Is Invalid") ;
}

Kemudian contoh penggunaan dengan fungsi preg_match di PHP :
<?php
     function isAcceptedUsername($username) {
          return preg_match('/^[aiueo]{3}[a-z0-9]{2,7}$/i',$username) ;
     }
   
     // Cara menggunakan fungsi di atas
     if (isAcceptedUsername("aaat3st1ng")) {
         echo "Username Is Valid" ;
     } else {
         echo "Username Is Invalid" ;
     }
?>
File contoh bisa di download di link ini


2 komentar:

  1. Wah, Artikel Validasinya saya suka. Perkenalkan Nama saya Muhamad Asfarezhan Nim saya 1922500056, Saya dari Kampus STMIK Atmaluhur, dan ini Website kampus saya.

    www.atmaluhur.ac.id

    BalasHapus