Validasi Javascript

Posted on

Beberapa bulan ini saya kembali berkutat dengan web programing (PHP, Javascript) kembali. Sebenarnya karena tuntutan pekerjaan juga. Maklum sudah lama sekali saya tidak menyentuh bahasa pemprograman ini, terakhir kali sepertinya pas kuliah deh… he…3x

Kali ini saya sengaja membuat tulisan kecil and singkat ini sebagai catatan pribadi saya, sapa tau kapan-kapan lupa and bisa buka catatan ini kembali.

Tujuan saya disini adalah untuk membuat validasi dengan javascript terhadap form yang akan di inputkan. Misalnya kita akan mengisi form registrasi user, dan beberapa form kita buat sebagai mandatori field (field yang harus di isi).

Misalkan saya kita punya form dengan tampilan seperti ini :

Dari gambar diatas kita dapat melihat ada 2 field yang bertanda bintang (*) yang merupakan mandatori field atau field yang harus diisi. Jika pada saat tombol SAVE di tekan tetapi ke-2 fields tersebut salah satunya tidak terisi maka akan muncul pesan error. Nah, pesan error ini yang disebut sebagai hasil validasi saat proses submit akan berlangsung.

Dibawah ini saya tampilkan penggalan script dari form diatas.

Add New User

Username : *
Password : *
Full Name :
E-mail :
Level : Full Control Write & Delete (Except Manage User) Read Only

Nah untuk menambahka fungsi validasi denga javascript kita hanya perlu menambahkan fungsi validasi yang ditetaklan pada bagian HEAD.