TUGAS 4: VALIDATION FORM

  TUGAS 4

VALIDATION FORM

Pada post ini saya akan membahas tentang pembuatan formulir validasi (form validation) untuk pengisian data dalam rangka perkuliahan offline (luring). Di sini saya menggunakan HTML, CSS, dan JavaScript. Untuk HTML dan JavaScript saya pisahkan menjadi 2 file. Sedangkan untuk CSS saya gabung dengan file HTML. Selain itu, saya juga menggunakan Bootstrap 4.

Ini adalah tampilan dari formulirnya.


Di sini ada field  yang harus diisi oleh pengguna yaitu nama, NRP, e-mail, asal kota/kabupaten beserta provinsi, asal departemen, status vaksin, dan pilihan persetujuan untuk kuliah offline. Kemudian, yang terakhir adalah tombol submit. Untuk field nama sampai dengan asal, pengguna harus mengetikkan ke dalam form. Sedangkan, untuk asal departemen sampai pilihan persetujuan, pengguna cukup memilih sesuai dari opsi yang telah disediakan.

Untuk source code-nya bisa dilihat secara lengkap di https://intip.in/ValidationForm.

Saya kira sekian pembahasan dari saya. Terima kasih telah berkunjung.



Comments

Post a Comment

Popular posts from this blog

EAS (FINAL PROJECT): PHOTO EDITOR

Image
  EAS (FINAL PROJECT) PHOTO EDITOR Dalam post ini kami akan membahas sebuah sebuah aplikasi Photo Editor yang telah kami buat dalam rangka memenuhi Final Project dalam mata kuliah Pemrograman Berorientasi Objek. Di bawah ini adalah nama-nama kreator dalam pembuatan aplikasi ini: 1. Abdun Nafi'                                          05111940000066 2. A. Zidan Abdillah Majid                05111940000070 Selama masa pandemi kita banyak melakukan kegiatan secara online  baik itu kuliah, rapat, seminar, maupun hanya sekadar meet untuk berjumpa dengan kawan-kawan. Ketika melakukan kegiatan secara online  tersebut kita tentu akrab dalam menggunakan aplikasi  video conference  seperti Zoom, Google Meet, Microsoft Teams, dsb.  Nah, dalam penggunaan aplikasi-aplikasi tersebut kita tentu senang menggunakan virtual bacground yang keren.  Dengan mengamati hal tersebut kami terinspirasi untuk membuat aplikasi pengedit foto atau gambar yang mana dengan aplikasi ini kita bisa mengedit foto
Read more

TUGAS 6

Image
  TUGAS 6 RAZOR PAGES WEB APP (ASP.NET) Pada post kali ini saya akan membahas tentang pembuatan halaman website film menggunakan ASP.NET. Sebagai referensi saya menggunakan tutorial pada github  ini . Dalam website ini, kita dapat menginputkan data film berupa judul film, tanggal rilis, genre, dan harga. Harga yang nantinya saya inputkan adalah budget yang dihabiskan dalam pembuatan film tersebut. Selain menginputkan data, kita juga bisa mengedit, melihat detail, menghapus data, serta mencari judul film berdasarkan title  atau genre. Berikut ini adalah tampilan dari website tersebut: welcome page halaman index halaman create halaman edit Untuk source code bisa dilihat secara lengkap  Baiklah. Saya kira cukup sekian dari post kali ini. Semoga bermanfaat dan terima kasih telah berkunjung.
Read more

TUGAS 9: PENANGANAN ERROR (ERROR HANDLING)

Image
  TUGAS 9 PENANGANAN ERROR ( ERROR HANDLING ) Exception merupakan class turunan dari class Throwable di package Java.Lang . Selain Exception, java.lang.Throwable juga memiliki subclass yaitu Error . Error dan Exception pada dasarnya berbeda. Berikut ini adalah definisi untuk keduanya yang diberikan JDK 5.0 Documentation: - " An Error is a subclass of Throwable that indicates serious problem that a reasonable application should not try to catch. Most such errors are abnormal conditions. " - " The class Exception and its subclasses are a form of Throwable that indicates conditions that a reasonable application might want to catch ." Berikut ini adalah perbedaan antara Error dan Exception: 1. Error berhubungan dengan lingkungan di mana aplikasi berjalan sementara itu Exception     berhubungan dengan aplikasi itu sendiri. 2. Kategori Eception pada Java dibagi menjadi dua, yaitu checked dan unchecked . Sementara itu,     semua Error termasuk dari kategori unchecked
Read more