Belajar Buat Form Registrasi dengan Validasi AJAX dan PHP

http://javawebmedia.com

Anda mungkin sering jengkel dengan form yang telah Anda buat. Berharap form input email hanya diisi dengan email, tapi ternyata orang yang iseng memasukkan data bukan email, jengkel bukan? Belum lagi ketika pengunjung tidak mengisi data dan yang muncul hanya pesan error dari SQL. Panjang password dan username yang harusnya 6 karakter tapi ternyata banyak user yang memasukkan 4 karakter.

Lalu bagaimana memberikan filter pada form yang Anda buat sehingga data yang diinput mendekati akurat? Note: Tutorial ini ditujukan bagi pengguna CS4 ke atas.

Tutorial ini akan mengkombinasikan fungsi Spry (AJAX) yang dimiliki oleh Dreamweaver dan script PHP untuk memfilter data yang diinput oleh user. Dari tutorial ini Anda diharapkan dapat:

1. Membuat form registrasi dengan filter AJAX/JavaScript
2. Mengaktifkan form Insert Record
3. Memfilter data sebelum masuk ke database

Sebelum masuk ke tutorial ini, pastikan Anda telah mempelajari kedua tutorial ini:

1. Membuat Site Definition di Dreamweaver CS5, dan
2. Membuat koneksi database PHP MySQL dengan Dreamweaver CS5

Kebutuhan database MySQL

Dalam contoh ini, Anda akan membuat tabel users dengan kolom-kolom berikut ini:

• id, merupakan primary key
• nama, field untuk menyimpan data nama
• email, field untuk menyimpan data email
• username, field untuk menyimpan data email. Diharapkan panjang username minimal 6 karakter.
• password, field untuk menyimpan data password. Diharapkan panjang password minimal 6 karakter dan enkripsi SHA1.
• tanggal, untuk menyimpan tanggal update data