Posts

Showing posts from October, 2021

Membuat Formulir Login dan Contact Menggunakan Bootstrap

Image
Nama : Abdun Nafi' NRP : 05111940000066 Kelas : PWEB-B Baik untuk tugas selanjutnya adalah membuat tampilan sederhana mengenai Formulir Login dan Contact Message. Berikut untuk tampilan hasil Formulir Login yang saya buat.   Bootstrap - Penerapan Form Login dan Contact Message   Untuk tampilan gambar sebagai berikut : 1. Login   2. Contact Message Untuk source code dari 2 tampilan adalah sebagai berikut : Index.html Contact.html     Sekian dari dokumentasi tugas Bootsrap kurang lebihnya saya mohon maaf.  

Membuat Validasi Form Menggunakan Java Script

Image
 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