Membuat Validasi Form Dengan Jquery

Dalam setiap pembuatan aplikasi baik itu aplikasi berbasis web dan dekstop hal wajib yang dilakukan adalah membuat validasi form dimana kegunaan validasi form tersebut sangat penting untuk meminimalisir kesalahan dalam pengimputan data pada form. Ok sobat pada postingan kali saya akan share langkah-langkah membuat sebuah form validasi pendaftaran untuk aplikasi berbasis web, menggunakan jquery lebih tepatnya yaitu menggunakan plugin  Jquery 1.4 dan  Jquery.Validasi.

Dengan adanya jquery ini pembuatan form validasi jadi lebih simpel dan menarik sehingga banyak pengembang website memanfaatkan plugin jquery untuk mempercantik websitenya. Kembali ketopik saya akan membuat form pendaftaran dengan tampilan seperti dibawah ini, dimana error akan muncul jika inputan pada textfield salah atau tidak valid. Pesan error akan muncul disamping kanan textfield dan jika data yang di inputkan benar maka Pesan error akan berganti menjadi OK..Error bersifat interaktif dimana pesan akan muncul sesuai dengan data yang di inputkan. berikut tampilannya :

Contoh tampilan form saat sudah divalidasi

Pengenalan Dasar Jquery

Jquery Adalah Library atau kumpulan kode siap pakai. keuntungan menggunakan jquery dibandingkan javascript standar, yaitu menyederhanakan kode dengan cara memanggil fungsi-fungsi yang disediakan oleh jquery. jquery memiliki semboyan "Write less, do more" atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilkan tampilan yang lebih. Jquery pertama kali dirilis tahun 2006 oleh John Resig. Jquery menjadi sangat populer hingga telah digunakan pada banyak website termasuk website kelas dunia seperti Google, Amazon, Facebook, Twitter, ESPN, dan masih banyak website lainnya.

Membuat Template Halaman Web Sederhana II

Pada postingan kali ini saya akan melajutkan tutorial pembuatan template halaman web sederhana dimana pada postingan yang lalu kita sudah mempelajari pembuatan halaman awal atau layout utama yang nantinya akan menjadi halaman depan pada project website sederhana ini..dan untuk tutorial kali ini kita membutuhkan satu aplikasi lagi yaitu adobe Photoshop CS3, jika compi sobat belum terinstal aplikasi photoshop sobat bisa mendownloadnya disini, untuk sobat yang belum melihat artikel pertama sobat bisa melihatnya disini, tanpa basa basi lagi oke sobat berikut langkah-langkahnya :

Tentang Saya

IDENTITAS SAYA

Nama ./Name                           [[--Aulia Syani ./ Haulian Sya'bani Hidayatulloh--]]

Alamat ./Address                      [[--Kokok Lauk I Kelayu Selatan Selong Lombok timur NTB--]]

Hanphone                                 [[--087841672186--]]

Email                                          [[--inzakhu.raema@gmail.com--]]
Jenis Kelamin ./Gender          [[--Laki-Laki--]]
Warga Negara ./Nationality    [[--Indonesia--]]
Agama ./Religion                      [[--Islam--]]