Validasi Data Masukan pada Form di HTML

VALIDASI PADA FORM HTML

Terkadang saat kita melakukan pendaftaran di sebuah halaman web, kita pasti akan menemui sebuah form yang wajib diisi atau pun yang tidak wajib diisi oleh pengguna. Saat kita tidak mengisikan elemen form yang wajib, maka aplikasi akan mengecek dan menolak form pengguna serta akan memunculkan pesan yang menjelaskan kesalahan terhadap form yang wajib diisi oleh pengguna. Pengecekan ini atau berbagai pesan batasan lain dikenal dengan nama validasi. Nah, disini kita akan membahas beberapa cara yang dilakukan untuk Validasi pada elemen-elemen form di HTML.

1. Requied
   
   Requid adalah sebuah atribut yang digunakan untuk memberikan elemen-elemen yang wajib diisikan oleh pengguna. Jika pengguna tidak mengisikan elemen tersebut maka Web Browser akan memberikan peringatan secara otomatis dan membatalkan pengiriman form. Atribut requied diletakkan di akhir elemen input sebelum ditutup.
   Contoh coba tekan Simpan tanpa isi :
   <form>
<input type="text" name="username" requied>
<input type="submit" value="Simpan">
</form>
   
   
2. Atribut Type yang Benar
   
   Saat kita tidak melakukan atribut type yang benar, seperti misalnya type ="email", maka Web Browser akan melakukan pengecekan nilai yang diisikan oleh pengguna dengan format sesuai dengan yang di spesifikasikan pada standar HTML.
   Contoh tanpa "@" tekan Simpan :

   <form>
   <input type="email" name="email">
   <input type="submit" value="Simpan"></form>
   
   

   
   
   
    

Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.