Menambahkan Validasi Komentar dengan Dreamweaver Part 1

Berikut saya akan membagikan tips dan triks lagi mengenai validasi form. Pada dasarnya validasi form tersebut bisa dibuat dengan menggunakan java script. Jangan khawatir jika kamu tidak menguasai java script, dreamweaver menyediakan cara mudah membuatnya. Ikuti langkah-langkah berikut:

1. Buka dreamweaver dan buat/sediakan form isian lengkap dengan tombol submit dan reset, seperti pada gambar berikut:



2. Klik tombol "submit" > klik window > klik behavior > akan tampil kotak behavior di sebelah kanan layar kerja.



3. Klik tanda "+" (tambah) di kotak behavior > klik "validate form" > akan muncul kotak dialog seperti berikut:




- Bagian "Fields" untuk memilih field mana yang akan divalidasi
- Bagian "Value" untuk menentukan apakah field tersebut harus diisi apa tidak
- Bagian "Accept" untuk menentukan syarat isi field (anything: untuk memperbolehkan isian apapun; email address: untuk hanya memperbolehkan user mengisi alamat email; number: untuk hanya memperbolehkan user mengisi angka
4. aya akan memvalidasi nama dan email, dimana nama harus diisi dan email harus diisi dengan alamat email yang valid.
Untuk nama:
pilih field "nama" > checklist "required"
Untuk email:
pilih field "email" > checklist "required" > pilih email address
5. Bila sudah selesai, save dan cobalah tampilkan di browser (IE, firefox, opera, chrome, dsb).
Coba biarkan kosong "nama" dan "alamat", dan isikan email dengan kata-kata (bukan alamat email), lalu tekan tombol submit > maka akan muncul dialog box yang mengatakan bahwa nama harus diisi dan email harus valid.





6. Apabila anda ingin mengubah pesan eror tersebut jadi berbahasa indonesia, caranya sangat mudah.

di dreamweaver masuk ke bagian "code" dan cari script berikut di bagian head



Ubahlah script di atas menjadi seperti berikut:



dengan perubahan tersebut maka pesan eror yang muncul akan menjadi:



Bagaimana?.. Mudah kan..silahkan/monggo/mangga dicoba biar bisa. Ingat! Semoga bermanfaat untuk tutorial validasi lainnya silakan klik Menambahkan Validasi Komentar dengan Dreamweaver  Part 2 dan jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online