Sejak versi 2021, PHPMaker mengubah cara menampilkan pesan berisi hasil validasi form yang dilakukan di sisi client. Kalau di versi-versi sebelumnya, PHPMaker menampilkan pesan tersebut melalui kotak dialog alert. Sedangkan di versi 2021 ini, PHPMaker tidak lagi menggunakan cara tersebut, tapi menampilkan langsung di bawah dari setiap control yang bertalian di form tersebut.
Ada yang bilang bahwa sebaiknya pesan validasi lebih baik ditampilkan di dekat control yang bertalian, daripada menampilkannya dengan menggunakan kotak dialog alert. Alasannya, karena user tidak perlu lagi mengklik tombol OK pada kotak dialog tadi. Hm, masuk akal juga.
Selain itu, dengan cara ini maka semua pesan hasil validasi dapat ditampilkan sekaligus. Sementara kalau menggunakan kotak dialog, biasanya pesan validasi ditampilkan satu per satu untuk setiap control yang divalidasi, sehingga kurang efektif. Dan ini yang lebih masuk akal lagi.
Ini juga salah satu bukti bahwa Aplikasi Web yang dihasilkan oleh PHPMaker 2021 ini semakin user-friendly lagi dibandingkan dengan versi-versi sebelumnya. Dengan adanya perubahan ini, maka sintaks untuk menampilkan pesan validasi tersebut pun mengalami sedikit penyesuaian.
Katakanlah kita ingin membandingkan nilai yang terdapat pada Field_Pertama dengan nilai pada Field_Kedua. Jika nilai pada Field_Pertama lebih besar daripada nilai pada Field_Kedua, maka tampilkan pesan error.
Maka cukup tambahkan kode berikut pada lokasi: Client Scripts -> Table-Specific -> Add/Copy Page dan/atau Edit Page -> Form_CustomValidate dari table yang bertalian.
var $row = $(this).fields(); // Ambil fields sebagai jQuery objects berdasarkan nama field
// bandingkan nilai pada Field_Pertama dan nilai pada Field_Kedua
if ($row["Field_Pertama"].toNumber() > $row["Field_Kedua"].toNumber())
// jika memenuhi kriteria validasi, tampilkan pesan error di bawah control Field_Pertama
return this.addCustomError("Field_Pertama", "Nilai pada Field Pertama harus lebih kecil atau sama dengan nilai pada Field Kedua.");
Perhatikanlah kode tersebut. Kita menggunakan method addCustomError dari object form yang bertalian untuk menampilkan pesan error. Parameter pertama dari method tadi adalah Field_Pertama, yang artinya kursor mouse akan otomatis fokus pada field tersebut. Sedangkan parameter kedua adalah pesan error yang ingin kita tampilkan di bawah control Field_Pertama tadi.
Betapa mudahnya bukan? Hanya dengan sedikit kode Javascript itu saja, kita sudah dapat menambahkan validasi data milik kita sendiri. Tidak perlu lagi menulis kode yang panjang seperti jika Anda membuat Aplikasi Web dengan cara-cara manual.
Kita juga tidak perlu mengubah kode di sisi file yang sudah dihasilkan. Semuanya cukup dilakukan dari dalam project PHPMaker saja. Hidup Anda sebagai Web Developer pun menjadi lebih menyenangkan. Waktu pengembangan Aplikasi Web pun bisa lebih cepat.
Tinggalkan Balasan