Skip to main content

Tambah Buku dan Validasi Form dengan JQuery

Sup Daijoubu?

Pos kali ini adalah dokumentasi dari tugas ke 7 mengenai JQuery, terdapat 2 tugas yaitu tugas untuk menambahkan list buku dan juga tugas untuk membuat form validasi menggunakan JQuery.

1. Tambah Buku

Tugas membuat sebuah halaman yang dapat menambahkan buku ke dalam sebuah list yang dapat dilihat menggunakan HTML, CSS dan JQuery. Untuk tampilannya sebagai berikut :



Source code untuk tampilan di atas adalah sebagai berikut :



2. Form Validation

Tugas membuat sebuah halaman yang berfungsi sebagai pengisian form dimana semua kolom yang ada harus terisi dan akan menampilkan pesan jika ada kolom yang belum terisi. Halaman akan dibuat dengan HTML, CSS, dan JQuery. Untuk tampilannya sebagai berikut :

    - Tampilan Awal



    - Tampilan saat terdapat kolom yang kosong :



Source code untuk tampilan di atas :

    - HTML:



    - Jquery :


Sekian penjelasan mengenai penerapan JQuery pada 2 buah halaman sederhana, terimakasih atas segala perhatian, mohon maaf apabila terdapat kesalahan dalam pembuatan pos kali ini.

Comments

Post a Comment

Popular posts from this blog

Login & Contact Us With Bootstrap

  Sup Daijoubu? Pos kali ini adalah dokumentasi tugas mengenai Bootstrap, implementasi bootstrap pada kesempatan kali ini adalah membuat halaman login dan contact us. Untuk tampilan masing-masing halaman adalah sebagai berikut : 1. index.html (Sebagai Home Page) 2. Login Form (Sebagai Login Page) 3. Feedback-Form (Sebagai Contact Us Page) Untuk source code tampilan di atas dapat diakses pada link di bawah ini : Repository Github Untuk melihat tampilan di atas secara live dapat diakses pada link di bawah ini: Login-Contact Web Sekian yang dapat disampaikan pada kesempatan kali ini. Terimakasih atas perhatiannya.
Post a Comment
Read more

Evaluasi Akhir Semester

Nama: Muhammad Farhan Haykal NRP  : 05111940000141 Membuat Aplikasi Sekolah 1. Definisikan fitur dari aplikasi yang akan dibangun 1.1 Admin     - CRUD Mata Pelajaran     - CRUD Kelas     - CRUD Data Siswa     - CRUD Data Guru     - CRUD Data Orang Tua Siswa     - Complete Dashboard     - Login 1.2 Guru     - CRUD ujian     - CRUD tugas     - CRUD kehadiran siswa     - CRUD Materi     - Login 1.3 Siswa     - Dapat Melihat Jadwal Pembelajaran     - CRUD tugas yang dikumpulkan     - Dapat Melihat Materi Pembelajaran     - Fitur  Login 1.4 Orang Tua     - Child Credentials   (Melihat data terkait anak seperti data diri, nilai tugas & ujian)     - Invoice Viewing (Melihat bukti pembayaran biaya sekolah)     - Payment Management (Membayar biaya sekolah siswa)     - Fitur Login ...
Post a Comment
Read more

Lebih Simpel dengan Ajax

 Sup Daijoubu? Pada kesempatan kali ini saya akan mencoba mengimplementasikan ajax dengan cara yang sederhana. Akan terdapat 2 file yang terdapat komponen ajax yaitu text.html dan filter.html. 1. text.html, file ini akan mengimplementasikan AJAX untuk menampilkan sebuah text. 2. filter.html, file ini akan mengimplementasikan AJAX untuk melakukan filter. Untuk pengimplementasiannya akan terdapat beberapa file penunjang yaitu sebagai berikut : a. HTML : 1. index.html 2. text.html 3. filter.html b. CSS : 1. home.css 2. text.css c. JSON : 1. text.JSON 2. filter.JSON
Post a Comment
Read more