Validasi dengan javascript

Sekedar untuk catatan kecil untuk pengingat ketika lupa, ya lebih bagus lagi kalau tulisanku ini bermanfaat bagi pembaca. Mumpung koneksi internet lagi stabil, ya dimanfaatin untuk yang bermanfaat. Berawal saat ngambil mata kuliah pemrograman web, aku belajar tentang bagaimana membuat validasi dengan menggunakan javascript. Mungkin Anda pernah melihat peringatan dari web seperti berikut ini :


nah, peringatan dari javascipt di atas akan muncul ketika username belum diisi oleh user. Dan form itu harus diisi dahulu jika ingin login diproses. Peringatan tersebut merupakan contoh simple dengan menggukan javascript. Di bawah ini merupakan scriptnya :

<script type="text/javascript">
function CekData(){

if(document.formLogin.username.value==""){
alert("Username Anda masih kosong, tolong diisi dulu");
document.formLogin.username.focus();
return false;
}

if(document.formLogin.password.value==""){
alert("Password Anda harus diisi");
document.formLogin.password.focus();
return false;
}

return true;
}
</script>

Untuk menggunakan script di atas pada tag form tambahin atribute onsubmit="return CekData()" agar ketika user mengklik tombol submit, form akan membaca fungsi CekData() dan akan memprosesnya jika semua nilai input (username dan password) terisi.

Sebagai catatan aja, cara di atas tersebut tidak dapat berjalan jika javascript browsernya dinonaktifkan.

Oke, selamat mencoba. Maaf jika kata-kataku kurang baik dan kurang bisa dimengerti.