Setelah Anda memiliki bentuk HTML dan berjalan, Anda akan sering ingin memastikan bahwa semua kolom penting diisi. Misalnya, jika Anda akan mengirim surat konfirmasi email, alamat email harus dimasukkan dalam bidang formulir , dan seharusnya alamat email yang berfungsi.
Ada dua cara untuk memvalidasi formulir Anda:
- Menggunakan JavaScript
- Menggunakan skrip CGI
Kelebihan Menggunakan JavaScript untuk Memvalidasi Formulir
- Menggunakan javascript Anda tidak menggunakan waktu prosesor server apa pun. Semua proses dilakukan pada komputer klien.
- Sering tampak bekerja lebih cepat daripada validasi CGI.
- Karena halaman formulir tidak berubah, mudah bagi pembaca untuk memperbaiki kesalahan.
The Cons of Using JavaScript for Validating Forms
- JavaScript hanya berfungsi pada browser yang mengaktifkannya. Jika JavaScript dinonaktifkan, pemeriksaan kesalahan Anda tidak selesai.
Pro Menggunakan CGI untuk Memvalidasi Formulir
- Menggunakan CGI untuk memvalidasi memastikan bahwa setiap kali formulir dikirimkan, validasi akan berjalan.
Cons of Menggunakan CGI untuk Memvalidasi Formulir
- CGI menempatkan lebih banyak beban di server Web, dan setiap fungsi yang termasuk dalam CGI adalah satu tugas tambahan untuk server.
- CGI bisa lambat untuk dijalankan.
- Jika ada kesalahan, pelanggan harus kembali ke halaman pertama formulir, atau CGI membutuhkan fungsi lain untuk menulis ulang halaman formulir.
Cara saya menangani ini adalah memiliki sebagian besar pemeriksaan kesalahan yang dilakukan dengan JavaScript. Dengan begitu, mudah dan cepat bagi para pembaca.
Saya kemudian memeriksa kembali unsur-unsur vital formulir tersebut dengan CGI.
Cara Menggunakan JavaScript untuk Memvalidasi Formulir HTML
Premis dasar pembuatan validasi form adalah untuk mencari nama-nama elemen form yang diperlukan, dan jika mereka kosong, menampilkan pesan kesalahan.
Sebagian besar program pemeriksaan kesalahan memeriksa setiap bidang satu per satu, dan menampilkan satu kesalahan sekaligus.
Ini dapat membuat pengisian formulir menjadi membosankan, dan orang-orang mungkin berhenti di tengah. Jika Anda menggunakan skrip dan sumber Perl berikut ini, Anda akan tahu cara memvalidasi seluruh formulir sekaligus, menampilkan serangkaian pesan kesalahan yang kemudian dapat diperbaiki dan diperbaiki oleh pembaca Anda.
JavaScript untuk Memvalidasi Formulir
Di bagian kepala HTML Anda, Anda harus membuat skrip untuk melakukan validasi form:
- Siapkan skrip, dan pastikan bahwa itu disembunyikan dari peramban yang tidak dapat menangani JavaScript.