Pengesahan Data dengan Bahasa Penskripan Klien

Pengajaran 1-6

Bahasa penskripan klien, iaitu Javascript, digunakan untuk melaksanakan interaksi dengan laman web dan memproses permintaan pengguna.

Terdapat dua cara untuk menambahkan elemen interaktif kepada laman web iaitu:

Dua cara ini memerlukan kuasa Javascript.

Ciri Pengesahan Data

Pengesahan data digunakan untuk memastikan input yang diberi oleh pengguna mengikut kehendak laman web yang dibina.

Fungsi menyemak boleh diaturcara dengan Javascript untuk membolehkan laman web HTML kita berinteraktif. 

Jom kita cuba tuliskan fungsi untuk menyemak supaya kotak input dilengkapkan oleh pengguna dan tidak ditinggalkan kosong.

Contoh hasil pengesahan data yang dibina menggunakan kod di bawah.

Kotak popup dengan mesej "Sila masukkan nama anda" akan muncul apabila butang ditekan dan ruang input ditinggalkan kosong.

Bahasa penskripan klien perlu diletakkan di antara tag HTML <script>  , semua kod aturcara di antara tag <script> akan diproses sebagai bahasa aturcara Javascript. 

Untuk pelajaran ini, kita akan tuliskan fungsi ringkas dengan Javascript. Untuk mengetahui lebih banyak maklumat tentang Javascript, boleh layari link ini.

Perhatikan hasil pengesahan data yang dibina menggunakan kod di atas.

Cuba sendiri pada paparan Repl.it!

Ikut langkah-langkah yang diberikan di bawah untuk melihat cara pengesahan data dilakukan.

Mesej pop-up akan muncul jika pengguna tidak melengkapkan ruang yang diberikan dan apabila butang Selesai ditekan.

Perhatikan pengaturcaraan untuk pengesahan data, bermula daripada baris 48.

Langkah 1

Baris 55: Taipkan mesej yang anda ingin paparkan pada kotak popup. Contoh mesej "Sila lengkapkan ruang nama"

Langkah 2

Klik pada butang Run, kemudian klik pada butang Selesai tanpa mengisi ruang Nama. Perhatikan apa yang berlaku.