HTML & CSS, Web Development

Komentar Berbahasa Indonesia untuk Validasi Input Form HTML

HTML code photo by Florian from Unsplash

Photo by Florian Olivo on Unsplash

Form HTML digunakan sebagai alat interaksi antara pengunjung sebuah situs web dengan pemilik situs web.

Sebuah form memiliki berbagai tipe isian:

  • Input, dapat berupa teks, email, proses pengunggahan berkas dan lain-lain.
  • Seleksi, merupakan isian pilihan, pengunjung dapat memilih hanya satu atau lebih isian dari pilihan yang telah disediakan pembuat form

Form selanjutnya akan diproses dengan 2 jenis proses:

  1. Isi form dikirim langsung ke email pemilik situs web.
  2. Isi form diolah dan disimpan dalam bentuk media penyimpanan seperti pangkalan data, berkas dan lain-lain.

Agar isian diterima sesuai dengan peruntukannya, maka diperlukan validasi terhadap isian ini, yaitu bisa berupa pemeriksaan adanya isian ataupun isian sesuai dengan tipe data yang diinginkan oleh pemilik situs web.

Untuk pemeriksaan keterisian sebuah isian, HTML5 menggunakan atribut require. Sebagai contoh:

<input type="text" id="nama" required>

Bila pengunjung menekan tombol ‘Submit’ maka peramban alias browser akan memberikan sebuah pemberitahuan bawah isian dengan identitas nama harus diisi. Yang menjadi masalah, pemberitahuan ini menggunakan bahasa Inggris.

Di sini saya akan memberikan sebuah solusi, agar pemberitahuan menggunakan bahasa Indonesia.

<input id="nama" required maxlength="50" type="text" oninvalid="this.setCustomValidity('Silakan diisi')" oninput="this.setCustomValidity('')">

Demikian, sedikit info ini, semoga bermanfaat.

Leave a Reply