Tutorial membuat validasi form login dengan spry dreamweaver

Membuat pesan validasi menggunakan Spry Dreamweaver

Validasi merupakan suatu pesan pemberitahuan kesalahan apabila terdapat suatu kolom field yang tidak terisi atau terlewatkan. Pesan validasi ini pun dapat dibuat menggunakan bahasa pemograman PHP, bagaimana cara membuat pesan validasi form login bagi yang kurang paham akan codingan pemograman PHP ? . Mudah saja koq kita dapat membuat validasi form login dengan menggunakan media adobe dreamweaver . Ok langsung saja tanpa basa-basi karena waktu juga yang sudah terlalu malam .Heehe :)

Pertama-tama buat sebuah table dengan mengklik menubar Insert-table ,maka akan muncul kolom table ,isi seperti berikut 

Apabila sudah klik Ok, kemudian isi field username dan password seperti berikut, untuk membuat tombol login ,klik insert - Form - Button ,Isikan id : Login Label : Login lalu Ok

Kalau sudah seperti berikut letakkan kursor disebelah username lalu buat validasi dengan mengklik insert - spry - spry validation text field ,Begitu juga dengan password lakukan hal yang sama ketikan membuat username ,maka tampilan akan  seperti berikut ini setelah semua divalidasi

save terlebih dahulu di folder appserv didalam folder www save dengan nama login.php untuk mengetes validasi form login yang tadi dibuat apabila ketika form field tidak diisi maka tampilan form login harus menampilkan pesan peringatan seperti berikut

Apabila username dan password diisi dengan dengan benar tampilan form field berwarna hijau seperti berikut yang menandakan bahwa anda berhasil masuk ke halaman tujuan.

Sepertinya itu saja cara membuat pesan validasi dengan menggunakan spry yang ada pada dreamweaver . Untuk yang kuran jelas bisa meninggalkan pesan komentar yang ada dibawah blog .Terima kasih .