Tugas 5 Pemrograman Web: Validasi Form dengan JavaScript

Nama: Farhan Arifandi

NRP: 05111940000061

Kelas: PWEB - B

Link tugas: https://farfnd.github.io/pweb/05-javascript/

Link repository: https://github.com/farfnd/pweb/tree/master/05-javascript

Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 5 Pemrograman Web yaitu mengimplementasikan JavaScript untuk validasi form pada website pendataan vaksinasi mahasiswa ITS.
Rangkuman fitur yang diterapkan dengan JavaScript:
  • Reset form setiap halaman dimuat.
  • Memunculkan daftar pilihan departemen berdasarkan fakultas yang dipilih.
  • Memunculkan daftar pilihan jenis vaksin jika status vaksinasi yang dipilih adalah 'Dosis 1' atau 'Dosis 2'.
  • Memunculkan daftar pilihan alasan belum vaksin jika status vaksinasi yang dipilih adalah 'Belum vaksin'.
  • Validasi input nama dan NRP menggunakan regex.
  • Memunculkan alert (menggunakan SweetAlert2) saat menekan tombol submit jika input nama/NRP tidak sesuai format, dan jika fakultas/status vaksinasi/jenis vaksin/alasan belum dipilih (masih default).

Tampilan halaman:

HTML:

JavaScript:

Comments

Post a Comment

Popular posts from this blog

Tugas 3 Pemrograman Web: Web Warung Tegal dengan HTML5 dan CSS

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Link tugas: https://farfnd.github.io/pweb/03-html5/ Link repository: https://github.com/farfnd/pweb/tree/master/03-html5 Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 3 Pemrograman Web yaitu memodifikasi web Warung Tegal menjadi lebih responsif menggunakan HTML5 dan CSS. Rangkuman modifikasi: Menambahkan slider dan konten pada halaman beranda Tiap-tiap hyperlink yang terdapat pada header sudah dibuatkan halaman sendiri sehingga bisa diakses sebagaimana mestinya Ketika elemen hyperlink pada <aside> diklik, akan membuka halaman baru 1. Halaman beranda Source code: 2. Halaman daftar masakan Source code: 3. Ha...
Read more

Tugas 6 Pemrograman Web: Form Login dan Contact dengan Bootstrap

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Link tugas: https://farfnd.github.io/pweb/06-bootstrap/ Link repository: https://github.com/farfnd/pweb/tree/master/06-bootstrap Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 6 Pemrograman Web yaitu membuat form login dan contact dengan Bootstrap. 1. Halaman beranda Source code: 2. Halaman login Source code: 3. Halaman sign up Tampilan default: Ketika password konfirmasi yang dimasukkan tidak cocok: Source code: 4. Halaman contact Source code: 5. File CSS: style.css
Read more

Tugas 2 Rekayasa Kebutuhan: Studi Kasus Proses Rekayasa Kebutuhan

Image
Pada kesempatan kali ini, kami dari kelas Rekayasa Kebutuhan B beranggotakan: Farhan Arifandi ( 05111940000061 ) Timotius Wirawan (05111940000161) akan melakukan analisis proses rekayasa kebutuhan pada aplikasi Portal Game Edukasi. Berikut merupakan Spesifikasi Kebutuhan Perangkat Lunak dari aplikasi tersebut yang kami pakai sebagai acuan dalam melakukan analisis. Elicitating (Elisitasi) Proses elisitasi kebutuhan dilakukan dengan melakukan wawancara dengan stakeholder yaitu pemilik/penyelenggara sistem dan calon pengguna. Dari hasil wawancara didapatkan data sebagai berikut: Pengguna umum dapat memainkan game yang disediakan secara streaming dan memberikan ulasan untuk game tersebut, serta dapat membaca artikel yang disediakan dan memberikan komentar Developer/pengembang game dapat mengunggah gamenya ke web portal, serta melihat penilaian dan ulasan pengguna Administrator sistem dapat melakukan manajemen data pengguna web portal seperti akun developer, mengelola game yang didistribu...
Read more