Membuat Validasi Form Menggunakan Java Script

 Baik untuk tugas dari PWEB terkait materi java script adalah membuat form validation mengenai formulir pengisian status vaksinasi sebagai tampilan berikut :

 

 Formulir Validation

    Dari Formulir akan di cek satu persatu. jika formulir tidak terisi maka javascript akan memberikan pemberitahuan terkait data yang belum diisi sebagai berikut :

1. Nama Kosong

2. NRP Kosong

3. Email Validation

pada email saya menggukan atribut type dengan type email sehingga ketika terdeteksi alamat email tidak mengandung '@' maka akan otomatis ada pemberitahuan  sebagai berikut

5. Alamat Validation Jika kosong

    Selain memvalidasi javascript juga bisa menampilkan tampilan display form antar block dan none dengan membuat fungsi dalam java script sehingga tampilan untuk status vaksinasi jika sudah vaksin sebagai berikut :

Jika belum tampilan formulir akan sebagai berikut :

    Sama seperti data diatas ketika kita tidak mengisi dosis berapa yang telah kita lakukan maka akan ada validation bahwa kolom formulir dosis masih kosong. sebagai berikut :

Jika semua formulir terisi dan dilakukan submission maka akan muncul pemberitahuan sebagai berikut untuk pemberitahuan mengenai data yang akan disimpan.

Jika yakin untuk melakukan submit maka akan ada pop up yang menunjukan data berhasil disimpan sebagai berikut :

Dari semua validation formulir berikut untuk sourcode html dan script sebagai berikut :

Index.html

Script.js

Sekian dari dokumentasi penjelasan saya. Terima kasih

Nama : Abdun Nafi'

NRP  : 05111940000066