Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Memvalidasi Bulan dan Tahun pada 2 Buah Tanggal Harus Sama dari PHPMaker
Menghitung Tanggal Baru dari Periode Terpilih dengan Javascript dari PHPMaker
Mudahnya Memvalidasi Data Menggunakan Fields jQuery Plugin dari PHPMaker

Memvalidasi Bulan dan Tahun pada 2 Buah Tanggal Harus Sama dari PHPMaker

Sab, 16 April 2016 oleh Masino Sinaga 10 Komentar

Pasti ada begitu banyak business-logic yang bisa terjadi dalam sebuah Aplikasi Web yang terkait dengan data Tanggal. Salah satunya adalah memastikan data Bulan dan Tahun pada dua buah Tanggal harus sama di form Pencarian pada halaman List. Jika tidak, maka sistem tidak dapat melanjutkan proses.

Katakanlah di sebuah table, ada sebuah field bernama Tanggal dengan tipe date (bukan datetime). Sebagai Web Developer, kita ingin ketika Pengguna mencari berdasarkan data Tanggal tadi, nilai Bulan dan Tahun pada range tanggal awal harus sama dengan nilai Bulan dan Tahun pada range tanggal akhir di field tadi.

Untuk itu, ada beberapa langkah yang harus kita lakukan dari dalam project PHPMaker.

Pertama, pastikan kita sudah mengaktifkan extension JSCalendar dari menu/lokasi berikut: Tools -> Extensions -> Type: Popup Calendar, dengan memberikan tanda centang pada kolom Enabled, lalu klik OK.

Kedua, pastikan kita sudah memberi tanda centang pada kolom Ext. Search dari lokasi tab Fields -> kolom List Page untuk field Tanggal tadi. Kemudian, masih pada lokasi yang sama tersebut, pastikan kita sudah memilih BETWEEN dari kolom Advanced Search Page -> Search Opr 1.

Ketiga, masih pada Fields setup tadi, dari panel Edit Tag, pastikan pilih DateTime (yyyy/mm/dd) di bawah lokasi ini: Validation -> Validate, dan beri tanda centang pada Use date/time picker. Lalu dari panel View Tag, pilih DateTime pada item Format, dan pilih yyyy/mm/dd pada bagian Date/Time name format.

Inti dari ketiga pengaturan tadi, supaya kita menampilkan field Tanggal ini pada form Pencarian yang terdapat di halaman List, dan meskipun hanya satu field Tanggal yang kita gunakan, maka PHPMaker nantinya akan men-generate dua textbox yang dilengkapi dengan icon kalender, sehingga ketika Pengguna memilih data tanggal, maka formatnya menjadi yyyy/mm/dd.

Keempat, saat yang ditunggu-ditunggu akhirnya tiba. Kita hanya perlu menambahkan sedikit kode jQuery berikut ke bawah lokasi: Client Scripts -> Table-Specific -> List Page -> Form_CustomValidate, sehingga kode selengkapnya menjadi seperti ini:

function(fobj) { // DO NOT CHANGE THIS LINE!
	// Your custom validation code here, return false if invalid.
	elmTanggal = this.GetElements("y_Tanggal");
  	var Bulan_Tahun_Awal = $("#x_Tanggal").val();
 	Bulan_Tahun_Awal = Bulan_Tahun_Awal.substr(0, 7);
  	var Bulan_Tahun_Akhir = $("#y_Tanggal").val();
  	Bulan_Tahun_Akhir = Bulan_Tahun_Akhir.substr(0, 7);
 	if (Bulan_Tahun_Awal != Bulan_Tahun_Akhir) {
  		return this.OnError(elmTanggal, "Bulan dan Tahun di Tanggal awal harus sama dengan Tanggal akhir.");
  	}
	return true;
}

Perhatikan kode di atas. Karena format Tanggal sudah kita sepakati yyyy/mm/dd, maka kita cukup mengambil 7 karakter pertama dari nilai Tanggal, yaitu dalam hal ini: yyyy/mm. Jika nilai Bulan dan Tahun di Tanggal range awal tidak sama dengan Bulan dan Tahun di Tanggal range akhir, maka tampilkan pesan error kepada Pengguna.

Setelah Anda men-generate semua file script dengan PHPMaker seperti biasa, saatnya menjalankan Aplikasi Web dari browser. Di halaman List, pastikan panel Pencarian sudah terbuka (expanded). Sekarang cobalah memilih data Tanggal yang nilai Bulan dan Tahun di range Tanggal awal tidak sama dengan nilai Bulan dan Tahun di range Tanggal akhir, lalu klik tombol Search atau Cari.

Sistem akan menampilkan pesan error kepada Pengguna tanpa melakukan HTTP Request. Setelah Pengguna mengklik tombol OK pada pesan tersebut, maka kursor akan fokus ke textbox Tanggal pada range akhir, sehingga Pengguna disarankan untuk memperbaiki data Tanggal pada range akhir.

Betapa mudah, cepat, dan menyenangkan sekali, bukan? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Client Scripts, Form_CustomValidate, jQuery, PHPMaker Indonesia, Startup Script, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com, ilovephpmaker.com, dan phpmakerprojects.com.

Menghitung Tanggal Baru dari Periode Terpilih dengan Javascript dari PHPMaker
Mudahnya Memvalidasi Data Menggunakan Fields jQuery Plugin dari PHPMaker

Komentar

  1. ahmed mengatakan

    Sen, 18 April 2016 pada 11:18 am

    Pagi Pak Masino,
    Saya ada tabel seperti dibawah ini sebagai latihan saja seperti:

    ID
    Nama
    Tempat lahir
    tanggal lahir
    foto

    Untuk input data dan print ke pdf/excel sampai sejauh ini berhasil.
    sebenarnya saya ingin menampilkan print out dari hasil entri tadi seperti format laporan seperti dibawah ini:

    Data personal(header)

    ID :
    Nama :
    Tempat lahir:
    Tanggal lahir:
    foto:

    dengan ini benar anggota member futsal

    Nah kalau seperti itu cara membuat print out nya dengan php maker gimana pak?
    Terimakasih atas jawabannya

    Balas
    • Masino Sinaga mengatakan

      Sen, 18 April 2016 pada 11:42 am

      Anda bisa menggunakan fitur Custom Files supaya posisi elemen ke file pdf bisa diatur sesuai keinginan. Gunakan library fpdf untuk hal ini, silahkan Google.

      Balas
  2. Ahmed mengatakan

    Sen, 18 April 2016 pada 2:48 pm

    Pak Masino,

    saya sudah coba tapi ada error
    Parse error: syntax error, unexpected ‘$pdf’ (T_VARIABLE), expecting ‘)’ in….
    di situ klo saya lihat adalah menunjukkan ke $pdf = new FPDF();

    Bingung saya pak

    Balas
    • Masino Sinaga mengatakan

      Sen, 18 April 2016 pada 2:55 pm

      Pastikan file-file library fpdf nya sudah di-upload ke web server Anda.

      Balas
      • Ahmed mengatakan

        Sen, 18 April 2016 pada 3:58 pm

        Pak Masino,
        Sekarang masalahnya adalah..
        FPDF error: Some data has already been output, can’t send PDF file

        Itu kenapa pak ya..
        terimakasih

        Balas
        • Masino Sinaga mengatakan

          Sen, 18 April 2016 pada 6:38 pm

          Saat membuat Custom File baru, pastikan setting Include common files tidak dicentang.

          Jika Anda ingin menggunakan setting koneksi database, gunakan Database Helper Class. Lihat file home.php dari project demo yang disediakan oleh PHPMaker untuk contoh penerapannya.

          Balas
          • Ahmed mengatakan

            Sen, 18 April 2016 pada 9:19 pm

            Masih bingung pak.
            Ga di centang setting include common files nya malah fatal error:
            Saya nyerah.. kasih tahu la pak

            Balas
            • Masino Sinaga mengatakan

              Sel, 19 April 2016 pada 8:13 am

              Kenapa harus bingung? Kenapa harus cepat menyerah? Anda harus bisa, karena tidak ada yang sulit. Sengaja tidak saya kasih tau supaya Anda mencoba sendiri sampai bisa. Kuncinya, baca dokumentasi fpdf tersebut, lalu ikuti contoh-contoh yang ada di dalamnya.

              Balas
              • Ahmed mengatakan

                Sel, 19 April 2016 pada 8:36 am

                Ya sudah pak, gapapa kalau tak kasih tahu. makasih ya.

                Balas
                • Masino Sinaga mengatakan

                  Sel, 19 April 2016 pada 8:37 am

                  Sama-sama.

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement
  • File-File yang Wajib Diperhatikan Setelah Menambah Item User Values di PHPMaker 2025
  • Begini Cara Memuat Tables dari Database Secara Dinamis di PHPMaker 2025

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Nano pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Masino Sinaga pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2025 | WordPress | Catat masuk | Kembali ke atas