Skip to main content

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo

Tugas 5 PWEB - Membuat Validasi Form dengan Javascript

 

Pada postingan ini, saya akan menjelaskan tentang bagaimana membuat validasi dalam form menggunakan Javascript.

Berikut adalah link live website terebut Link

Sebelumnya, kode ini menggunakan Framework Bootstrap untuk mempercepat pembuatan tampilan website. Dalam website ini, ada beberapa kolom yang harus divalidasi, sebagai berikut :

  1. Nama, harus diisi
  2. NRP, harus diisi, harus memiliki panjang antara 10-14 karakter, dan semuanya merupakan angka
  3. Kota Domisili, harus diisi
  4. Jurusan, harus diisi
  5. Email, harus diisi, harus berformat seperti email
  6. Status Vaksin, harus diisi
  7. Persetujuan, harus diisi

Langsung saja, untuk kode index.html nya adalah sebagai berikut

Kemudian fungsi javascript dijelaskan sebagai berikut

Berikut tampilan ketika ada kolom yang tidak terisi

 

Berikut tampilan ketika kolom NRP tidak memenuhi 10-14 karakter

 

Berikut tampilan ketika kolom NRP tidak valid

 

Berikut tampilan ketika kolom Email tidak berformat email

Sekian postingan ini, semoga bermanfaat


Comments

Popular posts from this blog

Tugas 9 PBKK - Laravel : Membuat Landing Page

Pada postingan kali ini, akan membahas membuat landing page menggunakan Laravel 8. Pada postingan ini saya akan mencoba membuat Landing Page dari Dicoding Indonesia ( dicoding.com ) dengan tampilan yang berbeda. Langsung saja ikuti langkah-langkah berikut: Pertama, buat sebuah view baru pada resources/views/ dengan nama homepage.blade.php lalu isi dengan kode berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang= "{{ str_replace('_', '-', app()->getLocale()) }}" > <head> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <title> Dicoding - Bangun Karirmu sebagai Developer Profesional </title> <!-- Fonts --> <link href= "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" r...

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo

Tugas 10 PWEB - Menambahkan Upload File pada PHP

Pada postingan ini, saya akan menjelaskan cara menambahkan upload file menggunakan PHP Buat beberapa file untuk menerapkan fungsi PHP sebagai untuk dapat menerapkan fungsi CRUD nya config.php index.php form-daftar.php proses-pendaftaran.php list-siswa.php form-edit.php proses-edit.php hapus.php cetak.php Berikut adalah beberapa tampilan hasil dari operasi menggunakan PHP tersebut Halaman Utama Halaman pendaftaran Tampilan ketika berhasil mendaftar Halaman daftar siswa yang mendaftar Halaman edit data pendaftar Tampilan ketika mencetak bukti pendaftaran Sekian postingan kali ini, terima kasih.