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

Teks Editor

Sup Daijoubu? Pada kesempatan kali ini Karu akan mencoba menduplikasi aplikasi sederhana yaitu teks editor, dimana di dalam aplikasinya sendiri akan ada beberapa fitur antara lain : 1. File, pada fitur ini tedapat fitur lainnya yaitu New yang berfungsi untuk membuat file baru; Save, fitur ini berfungsi untuk menyimpan hasil tulisan pada teks editor; lalu ada fitur Open yang berfungsi untuk membuka file yang ingin dibuka ( hehe ) dan selanjutnya terdapat fitur Print dyangberfungsi untuk mencetak. 2. Edit, pada fitur ini terdapat beberapa menu lainnya ysitu : Copy ( untuk mengcopy ), Paste ( untuk menempelkan sesuatu yang telah di copy sebelumnya ), Cut ( memiliki fungsi yang mirip dengan Copy dengan tambahan menghapus teks yang sudah di copy ) 3. Close, fitur ini berfungsi untuk menutup file Selanjutnya akan ditampilkan Diagram kelas dari Teks Editor : Source Code : editor.java Setelah source code di atas dicompile dan dijalankan maka akan muncul tampilan sebagai b...

KaRu

Search This Blog