Select Language



Followers

IT Programmer. Powered by Blogger.

28 February 2012

Membuat Validasi Email Sederhana dengan Javascript

"Om Swastiastu"

email validasi
Adakah diantara teman-teman yang pernah mendaftar disuatu website? Saya yakin 99,99% dari kalian pasti pernah melakukannya. Facebook misalnya, ketika kalian ingin membuat akun facebook pastilah kalian diminta untuk mencantumkan alamat email bukan? Atau contoh lain, ketika kalian mengunjungi sebuah website, lalu kalian ingin memberikan komentar, hal wajib yang harus kalian isi selain nama dan komentar tentunya adalah email.

Lalu, bagaimana jika ada orang jahil yang dengan asalnya memasukkan alamat email yang tidak valid. Tentu saja itu akan mengakibatkan sistem menjadi terganggu. Nah, untuk mengatasi hal tersebut maka kita perlu melakukan validasi pada email.



Secara logika, ciri-ciri email yang valid adalah hanya terdiri dari satu simbol "@", tidak boleh diawali dengan tanda titik ( . ), koma ( , ), harus diawali dengan huruf, dibelakang tanda "@" tidak boleh terdapat lebih daru 2 tanda titik dan masih banyak lagi.

Tentu akan sangat memusingkan pikiran jika kita membuat validasinya. Nah, dengan regular expression (regex), kita dapat memvalidasi email hanya dengan beberapa baris koding saja. Mau lihat contohnya? Pertama, buatlah sebuah input text dengan ID bernama email dan sebuah input tipe button.

<input type="text" id="email">
<input type="button" onclick="validasiEmail()">
Selanjutnya, kita buat script javascript untuk melakukan validasi. Seperti ini contohnya...

<script>

function validasiEmail(){

var email = document.getElementById(email).value;

var regex = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

if(email == "" || regex.test(email)==false){

alert("email tidak valid");

}else{

alert("email sudah valid");

}

}

</script>

Nah, seperti itulah contoh validasi email dengan javascript , dengan begitu maka email yang tidak valid tidak akan dimasukkan kedalam database, sehingga database kita tetap aman dan tidak berantakan.

"Om Santhi, Santhi, Santhi, Om"



Comments:

Ada 1
Bisnis masa depan said...
pada hari 

Mantap....Gan

see my site

Social Media


Facebook Page

Programming Tutorial


Info


Tips
Downloads
Friends
 
This Blog is proudly powered by Blogger.com | Template by Bali Web Development | Privacy Policy | Rise Up!!