Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mudahnya Memvalidasi Format Tanggal Menggunakan Javascript dari PHPMaker
Menghitung Selisih Hari dari Dua Buah Tanggal dengan Javascript dari PHPMaker
Mencegah Pengguna Memilih Tanggal yang Sudah Lewat di JSCalendar dari PHPMaker

Mudahnya Memvalidasi Format Tanggal Menggunakan Javascript dari PHPMaker

Sel, 26 April 2016 oleh Masino Sinaga 3 Komentar

Saya yakin Anda pasti masih ingat dengan artikel saya kemarin, yang membahas tentang mudahnya mencegah Pengguna untuk memilih Tanggal dari hari-hari yang sudah lewat dari PHPMaker. Betapa PHPMaker dapat membantu Web Developer untuk mewujudkan hal tersebut.

Di artikel tadi sudah diuraikan bahwa kita mengkostumais kalender menggunakan kode Javascript/jQuery supaya tanggal tertentu tidak bisa dipilih oleh Pengguna. Supaya kita bisa menggunakan kode tersebut, maka kita tidak menggunakan pengaturan kalender dari Fields setup, seperti yang biasa kita lakukan selama ini.

Itu artinya, kode untuk memvalidasi format data Tanggal menjadi tidak di-generate oleh PHPMaker. Demikian juga kode untuk memvalidasi nilai Tanggal apakah lebih besar atau sama dengan Tanggal hari ini, harus ditangani sendiri oleh Web Developer.

Kondisi ini mengakibatkan format data Tanggal yang diinput oleh Pengguna masih dapat diubah. Katakanlah yang tadinya kita berharap format Tanggal adalah yyyy/mm/dd, maka Pengguna bisa memasukkan Tanggal dengan format dd/mm/yyyy, dan jika ini terjadi maka akan menimbulkan kekacauan. Selain itu, Pengguna juga menjadi bisa mengubah nilai data Tanggal menjadi lebih kecil dari Tanggal hari ini.

Untuk mencegah hal tersebut terjadi, kita harus menangani proses validasi format Tanggal. Kita harus memastikan format Tanggal yang diinput oleh Pengguna adalah yyyy/mm/dd, dan bukan format lainnya. Mengapa hal ini harus kita tangani? Karena jika tidak, maka nilai tanggal yang tersimpan akan menjadi 0000/00/00.

Selain itu, di artikel tadi, kita baru hanya fokus untuk men-disable tanggal tertentu di sisi kalender. Kita belum memvalidasi data Tanggal yang dimasukkan harus minimal dengan Tanggal hari ini atau lebih besar dari Tanggal hari ini. Mengapa ini juga perlu? Untuk mencegah data Tanggal yang lebih kecil dari tanggal hari ini bisa lolos masuk ke Database.

Nah, untuk menambahkan kode validasi format Tanggal tadi, sekaligus untuk memvalidasi bahwa Tanggal yang dimasukkan harus lebih besar atau sama dengan Tanggal hari ini, maka cukup tambahkan kode Javascript berikut ke dalam Form_CustomValidate yang terdapat di bawah Client Scripts -> Table-Specific -> Add/Copy Page:

function(fobj) { // DO NOT CHANGE THIS LINE!
 	// Your custom validation code here, return false if invalid.
	elm = this.GetElements("x_OrderDate");
	if (elm && !ew_CheckDate(elm.value))
		return this.OnError(elm, "Order Date format must be 'yyyy/mm/dd'"); // Return false if invalid
 	
 	var todayDate = new Date();
 	todayDate.setHours(0,0,0,0);
 	var orderDate = $(this).fields("OrderDate");
 	if (orderDate.toJsDate() < todayDate) 
 		 return this.OnError(orderDate, "The Order Date must be equal to or greater than today's date."); // Return false if invalid
 	return true;
}

Perhatikanlah. Hanya dengan menambahkan sedikit kode Javascript pada bagian Form_CustomValidate dari sisi Client Scripts, maka kita sudah bisa memvalidasi format data Tanggal harus sesuai dengan yyyy/mm/dd. Kita juga sudah bisa memvalidasi bahwa data Tanggal yang dimasukkan harus lebih besar atau sama dengan Tanggal hari ini. Jika kedua kondisi tadi tidak terpenuhi, maka data tidak dapat disimpan.

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

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Client Scripts, DateTime, Form_CustomValidate, Javascript, JSCalendar, PHPMaker Indonesia, 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 Selisih Hari dari Dua Buah Tanggal dengan Javascript dari PHPMaker
Mencegah Pengguna Memilih Tanggal yang Sudah Lewat di JSCalendar dari PHPMaker

Komentar

  1. sakirin mengatakan

    Jum, 10 Juni 2016 pada 2:28 pm

    bagaimana cara membuat jadwal tanggal dg phpmaker? misalkan, data table dg field jadwal ujian dari tgl 10-15 juli 2016, setelah tgl 15 juli maka data field jadwal otomatis akan hilang. terimakasih

    Balas
    • Masino Sinaga mengatakan

      Kam, 16 Juni 2016 pada 5:50 pm

      Caranya? Ya tinggal dicoba saja.

      Balas

Trackbacks

  1. Memvalidasi Tanggal Minimal Harus Tanggal Hari Ini dengan Javascript dari PHPMaker 2021 – Masino Sinaga berkata:
    Kam, 13 Mei 2021 pukul 11:53 am

    […] minimal harus tanggal hari ini dengan menggunakan Javascript di sisi client, sama seperti artikel Mudahnya Memvalidasi Format Tanggal Menggunakan Javascript dari PHPMaker yang saya tulis 5 tahun […]

    Balas

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