Skip to main content

Ketahui Bagaimana Mengesahkan Borang dengan JavaScript atau CGI

Technology Stacks - Computer Science for Business Leaders 2016 (Jun 2026)

Technology Stacks - Computer Science for Business Leaders 2016 (Jun 2026)
Anonim

Sebaik sahaja anda mempunyai borang HTML dan berjalan, anda sering akan memastikan bahawa semua medan penting diisi. Sebagai contoh, jika anda akan menghantar surat pengesahan e-mel, alamat e-mel harus dimasukkan dalam medan borang , dan ia harus menjadi alamat e-mel yang berfungsi.

Terdapat dua cara untuk mengesahkan borang anda:

  1. Menggunakan JavaScript
  2. Menggunakan skrip CGI

Kelebihan Menggunakan JavaScript untuk Mengesahkan Borang

  • Menggunakan javascript anda tidak menggunakan sebarang masa pemproses pelayan. Semua pemprosesan dilakukan pada komputer klien.
  • Ia sering kelihatan berfungsi lebih cepat daripada pengesahan CGI.
  • Oleh kerana laman borang tidak berubah, mudah bagi pembaca untuk membetulkan kesilapan.

Kesalahan Menggunakan JavaScript untuk Mengesahkan Borang

  • JavaScript hanya berfungsi pada penyemak imbas yang membolehkannya diaktifkan. Jika JavaScript dilumpuhkan, pemeriksaan ralat anda tidak dapat dilakukan.

Kelebihan Penggunaan CGI untuk Mengesahkan Borang

  • Menggunakan CGI untuk mengesahkan memastikan bahawa setiap kali borang dihantar, pengesahan akan dijalankan.

Kesalahan Menggunakan CGI untuk Mengesahkan Borang

  • CGI meletakkan lebih banyak beban pada pelayan Web, dan setiap fungsi yang dimasukkan dalam CGI adalah satu lagi tugas untuk pelayan.
  • CGI boleh menjadi lambat untuk dijalankan.
  • Sekiranya terdapat kesilapan, pelanggan perlu kembali ke halaman pertama borang, atau CGI memerlukan fungsi lain untuk menulis semula halaman borang.

Cara saya mengendalikan ini adalah untuk mempunyai majoriti pemeriksaan ralat dilakukan dengan JavaScript. Dengan cara itu, ia adalah cepat dan mudah untuk para pembaca. Saya kemudian semak semula elemen-elemen penting borang dengan CGI.

Cara Menggunakan JavaScript untuk Mengesahkan Borang HTML

Premis asas untuk membuat pengesahan bentuk adalah mencari nama-nama unsur-unsur bentuk yang diperlukan, dan jika mereka kosong, memaparkan mesej ralat.

Kebanyakan program semakan ralat menyemak setiap bidang satu demi satu, dan memaparkan satu kesilapan pada satu masa. Ini boleh menjadikan mengisi borang yang membosankan, dan orang mungkin berhenti di tengah-tengah. Sekiranya anda menggunakan skrip dan sumber Perl yang berikut, anda akan mengetahui cara mengesahkan keseluruhan borang sekaligus, memaparkan satu siri mesej ralat yang pembaca anda boleh kembali dan menetapkan.

JavaScript untuk Mengesahkan Borang

Di bahagian kepala HTML anda, anda harus membuat skrip untuk melakukan pengesahan bentuk:

  1. Sediakan skrip, dan pastikan ia disembunyikan dari pelayar yang tidak dapat mengendalikan JavaScript.

Kemudian, untuk memanggil skrip, masukkan elemen onsubmit dalam bentuk borang:

CGI untuk Mengesahkan Borang

Perl script CGI Perl ini sama dengan JavaScript. Ia memeriksa untuk melihat apakah medan yang diperlukan di sana, dan jika tidak, menyimpan mesej ralat ke dalam pembolehubah untuk dipaparkan:

#! / usr / local / bin / perl$ error = "";jika ($ in {'dd'} eq ""){ $ error + = "Sila pilih dari kotak drop-down.';}jika ($ in {'words'} eq ""){ $ error + = "Sila masukkan beberapa perkataan dalam kotak teks.';}# … terus mengesahkan semua medanjika (ralat $) cetak "Jenis kandungan: teks / html n n"; cetak " Ralat'; cetak "<> cetak "

Ralat telah berlaku

'; cetak $ error; cetak "Sila kembali dan betulkan ralat ini."; cetak "';} else { # Pergi dengan CGI …}

Perbezaan dengan cara CGI menulis mesej ralat ialah bukan " n", ia menggunakan tag perenggan HTML untuk meletakkan baris baru di antara setiap ralat.

Dan Sekarang Anda telah Mengesahkan Borang Anda

Dengan kedua-dua kaedah, CGI dan JavaScript, anda telah mengesahkan borang HTML supaya lebih banyak bahagian yang dihantar kepada anda adalah tepat.