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

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.

Simple Catalogue

Sup Daijoubu? Pada kesempatan kali ini saya akan membuat sebuah katalog simpel menggunakan HTML + CSS, untuk tampilannya adalah sebagai berikut : Untuk membuat tampilan seperti di atas tentunya diperlukan file HTML & CSS (you dont say :v), berikut adalah file html & css : 1. index.html 2. style.css Untuk website dapat diakses pada link ini Wall.in Sekian yang dapat saya sampaikan mohon maaf apabila ada kesalahan dalam penulisan

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

KaRu

Search This Blog