Tugas Validasi Form

 Pada tugas kali ini, saya membuat sebuah halaman web sederhana untuk registrasi perkuliahan offline. Di sini saya menggunakan HTML dan CSS (Bootstrap) untuk membuat halaman webnya dan JavaScript untuk melakukan validasi formnya. Website saya hosting menggunakan GitHub Pages.

Berikut adalah tampilan dari halaman webnya.


Terdapat beberapa field yang datanya harus diinput oleh user. Semua field wajib terisi. Jika ada salah satu field yang dikosongkan maka user akan diberikan peringatan untuk mengisi data tersebut. Hasilnya seperti berikut.


Jika kita memilih opsi 'Sudah' pada status vaksinasi, maka kita akan diminta untuk mengisi beberapa field tambahan untuk melengkapi informasi vaksinasi tersebut. Data yang diminta adalah jenis vaksin, nomor sertifikat vaksin, dan tanggal vaksinasi. Hasilnya seperti berikut.


Ketika user sudah mengisi semua data dan mengklik tombol Submit, maka user akan diminta konfirmasi untuk melakukan submit data. Hasilnya bisa dilihat di bawah.


Untuk source code dapat dilihat pada GitHub saya.

Untuk website dapat dibuka di sini.

Comments

Post a Comment

Popular posts from this blog

Tugas PWEB PHP MySQL Pendaftaran Sekolah

Image
Pada tugas ini saya membuat sebuah website pendaftaran sekolah menggunakan PHP dan MySQL. Berikut adalah tampilan dari websitenya. Berikut adalah tampilan awal halaman List Pendaftar sebelum menambahkan siswa baru. Berikut adalah tampilan awal dari halaman pendaftaran. Di sini saya mencoba menambahkan pendaftar baru. Setelah mengisi data saya klik tombol 'Daftar'. Setelah itu kita diarahkan kembali ke halaman awal dan ada pesan 'Pendaftaran Berhasil'. Dapat dilihat bahwa siswa yang tadi berhasil ditambahkan ada di halaman 'List Pendaftar'. Di sini saya dapat mengedit data dari siswa yang ada dengan mengklik link Edit yang ada pada kolom Tindakan. Berikut adalah tampilan dari form edit data siswa. Setelah saya mengedit datanya, saya simpan dengan mengklik tombol 'Perbarui Data'. Setelah itu dapat dilihat bahwa data sudah berhasil diperbarui. Selain mengedit data siswa, kita juga dapat menghapus siswa dari list pendaftar dengan mengklik link Hapus yang ter
Read more

Tugas Membuat Biodata Diri

Image
  Pada tugas kali ini, saya membuat biodata diri dengan menggunakan HTML. Berikut adalah gambar dari biodata HTML yang saya buat. Untuk source dari biodata HTML saya dapat dilihat pada repository GitHub saya. Untuk mengakses website saya dapat melalui link berikut: davidralphm.github.io/tugas-pweb-biodata
Read more

Tugas Membuat Website CV

Image
Pada tugas ini, saya akan membuat sebuah website CV dengan HTML, CSS, JavaScript dan kemudian akan saya hosting menggunakan GitHub Pages. Halaman website saya terbagi menjadi beberapa bagian, yaitu Header, Home, About, Skills, Contact, dan Footer. Berikut adalah tampilan dari bagian - bagian pada website saya. 1. Bagian Header dan Home 2. Bagian About Me 3. Bagian Skills 4. Bagian Contact 5. Bagian Footer Untuk source code dari website saya dapat dilihat di GitHub saya. Sekian terima kasih.
Read more