Form dan validasi dengan javascript

Form

• Digunakan untuk mengumpulkan data dari user

Elemen-elemen Form

• Textfield

            Berupa kolom isian satu baris yang digunakan untuk memasukkan data.

• Password Field

            Prinsip kerjanya sama dengan textfield, hanya saja karakter yang diinput akan diubah menjadi ******

• Textarea

            Berupa kolom isian yang bisa diisi lebih dari 1 baris.

• Checkbox

            Kotak pilihan yang bisa diberi tanda “cek” dan bisa dipilih lebih dari 1.

• Radio Button

            Lingkaran pilihan yang hanya bisa dipilih 1 dari beberapa pilihan yang ada.

• List / Menu

            Digunakan untuk membuat daftar pilihan menu yang bisa dipilih oleh user.

• File Field

            Digunakan untuk memilih file pada saat proses upload.

• Button

            1. Submit Button

                Digunakan untuk mengirimkan data yang diinputkan

            2. Reset Button

                Digunakan untuk mengembalikan isian form seperti semula          

         (kosong)

Pada beberapa kasus, kolom isian yang ada pada form harus diisi atau tidak boleh kosong.

Validasi Form

1. Buatlah sebuah form dengan 2 texfield dan 1 tombol submit

2. Bukalah Window->Behaviors, kemudian klik icon ‘+’ pada window behaviors tersebut dan pilih Validate Form

3. Pada pop-up window yang muncul pilihlah field mana yang diinginkan untuk divalidasi, kemudian klik OK

Validasi Form dengan JavaScript

JavaScript merupakan scripting language untuk membuat web menjadi interaktif dan dinamik.

1. Buatlah sebuah form dengan 2 texfield dan 1 tombol submit

2. Ketikkan program di bawah ini diantara ..

3. Klik icon ‘+’ pada Window Behaviors dan pilih Call JavaScript
4. Masukkan nama fungsi JavaScript yang digunakan

5. Pastikan default event yang diinginkan, kemudian cek validasi dengan menjalankan file di browser