← Belajar

KELAS GRATIS / BAHASA INDONESIA

Tentukan input yang masuk akal

Fundamental Engineering · Materi 3 dari 20

0 / 20 selesaiDisimpan di browser ini

MATERI 03 / 20

Tentukan input yang masuk akal

Pengguna bisa salah mengetik, jaringan bisa mengulang permintaan, dan request bisa dibuat di luar tampilan aplikasimu. Tentukan aturan data sebelum mengandalkan hasilnya.

Aturan sintaks dan makna

Apakah judul harus berupa teks? Berapa batas panjangnya? Apakah spasi saja dianggap judul? Aturan sintaks memeriksa bentuk; aturan makna memeriksa apakah nilai masuk akal untuk pekerjaan itu. Jumlah barang mungkin angka, tetapi jumlah negatif belum tentu diperbolehkan.

Pemeriksaan di tampilan membantu pengguna

Pesan dekat input membantu orang memperbaiki kesalahan sebelum mengirim. Namun JavaScript browser dan atribut formulir dapat dilewati. Pada aplikasi dengan server, aturan penting harus diperiksa kembali di server. Validasi bukan pengganti query terparameter, pengodean output yang sesuai konteks, atau pemeriksaan akses.

Perlakukan kegagalan sebagai bagian alur

Tampilkan alasan yang dapat ditindaklanjuti tanpa membocorkan detail internal. Pertahankan isian yang masih berguna. Coba batas panjang, tipe salah, kosong, dan karakter yang lazim dipakai pengguna. Jangan diam-diam mengubah arti data hanya agar lolos pemeriksaan.

CONTOH UNTUK DIPIKIRKAN
Aturan contoh: judul harus teks, setelah trim panjangnya 1–100 karakter.
Input: "   " → ditolak, minta judul.
Input: "Rencana minggu ini" → diterima.
Aturan bisnis lain tetap diperiksa sesuai aplikasi.

Giliran kamu.

Buat tabel berisi lima input untuk fitur pilihanmu: normal, kosong, batas maksimum, melewati batas, dan tipe yang salah. Tulis hasil yang diharapkan sebelum mencoba.

  • Tipe, panjang dan makna dipikirkan
  • Pemeriksaan server tidak diganti oleh UI
  • Pesan gagal membantu memperbaiki isian
Cek pemahaman

Formulir sudah punya atribut required. Apakah server boleh mengabaikan pemeriksaan data?