Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Lebih Lanjut Tentang Custom Validation Function di PHPMaker (Client-Side)
Mudahnya Menyimpan Nilai Tertentu ke Variabel Global dari PHPMaker
Lebih Lanjut Tentang Custom Validation Function di PHPMaker (Server-Side)

Lebih Lanjut Tentang Custom Validation Function di PHPMaker (Client-Side)

Sel, 2 September 2014 oleh Masino Sinaga 5 Komentar

Di artikel sebelumnya kita sudah membahas mengenai contoh pengimplementasian Custom Validation Function di PHPMaker yang dijalankan di sisi server (server-side). Jika Anda belum membaca/mengetahui artikel tersebut, saya sarankan untuk membacanya terlebih dulu sebelum membaca tulisan di artikel saya berikut ini.

Di artikel ini kita akan membahas contoh yang sedikit berbeda dari artikel sebelumnya, dimana fungsi validasi kostum tersebut akan dijalankan di sisi client (client-side).

Katakanlah Anda sebagai Web Developer sudah memiliki fungsi Javascript yang bernama RangeOfNumber. Fungsi ini akan memvalidasi data angka yang dimasukkan oleh Pengguna harus lebih besar atau sama dengan 20 dan lebih kecil atau sama dengan 80. Data angka selain yang berada di dalam range tersebut akan ditolak oleh sistem.

Langkah Pertama, salin kode berikut ke dalam Global Code yang terdapat di bawah: Client Scripts -> Global -> Pages with header/footer:

function RangeOfNumber(str) {
  n = parseFloat(str);
  return (!isNaN(n) && n >= 20 && n <= 80);
}

Langkah Kedua, pergi ke menu Tools -> Advanced Settings masih dalam project PHPMaker Anda, lalu di bagian General -> Custom validation functions, tambahkan nama fungsi tadi, yaitu: RangeOfNumber.

Jika sebelumnya di pengaturan tadi sudah ada nama fungsi yang di artikel sebelumnya sudah kita tambahkan bernama: CheckAllowedEmail, maka pengaturan tadi menjadi: CheckAllowedEmail,RangeOfNumber. Perhatikan, bahwa antara satu nama fungsi validasi kostum yang satu dengan lainnya harus dipisahkan dengan karakter koma.

Langkah Ketiga, kembali ke pengaturan Fields di project PHPMaker Anda, lalu pilih salah satu Field yang Anda inginkan, kemudian di bagian Edit Tag -> Validation -> Validate, pilih RangeOfNumber yang berada pada pilihan terakhir atau paling bawah.

Setelah itu, pastikan Anda sudah mengaktifkan pengaturan Client-side (Javascript) yang terdapat dari menu PHP -> General Options -> Validation. Terakhir, generate ulang semua file script dari PHPMaker, dan selamat menikmati hasilnya.

Penting diingat, bahwa jika Anda menggunakan fungsi validasi kostum untuk server-side dan client-side sekaligus untuk object Table yang berbeda di project PHPMaker Anda, maka Anda harus membuat dua versi untuk setiap fungsi validasi kostum yang sama. Contoh, untuk fungsi RangeOfNumber dalam bahasa Javascript yang sudah dibuat di atas, maka Anda harus membuat juga fungsi RangeOfNumber dalam bahasa PHP.

Artinya, PHPMaker akan men-generate kode untuk memanggil fungsi validasi kostum yang versi PHP dan Javascript jika pengaturan Server-side dan Client-side (Javascript) sama-sama diaktifkan.

Betapa mudah dan cepatnya, bukan? 😀

Ditempatkan di bawah: PHPMaker Ditag dengan:Client Scripts, Custom Validation Function, 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.

Mudahnya Menyimpan Nilai Tertentu ke Variabel Global dari PHPMaker
Lebih Lanjut Tentang Custom Validation Function di PHPMaker (Server-Side)

Komentar

  1. jayadi mengatakan

    Kam, 11 September 2014 pada 9:52 am

    Bang, bagaimana caranya membatasi input jumlah karakter (maxlength) untuk Textarea ya ?
    terima kasih 🙂

    Balas
    • Masino Sinaga mengatakan

      Kam, 11 September 2014 pada 1:44 pm

      Pakai kode jQuery di Startup Script saja, di bawah bagian Client Scripts.

      Balas
    • Masino Sinaga mengatakan

      Kam, 11 September 2014 pada 3:18 pm

      Artikel berikut contoh kodenya akan saya publikasikan besok di situs ini.

      Jadi, jangan kemana-mana! Hehehe… 😀

      Balas
  2. hendra mengatakan

    Kam, 7 Mei 2015 pada 9:52 am

    bagaimana mengambil data SELECT dari server untuk ditampilkan di object field SELECT/combo ?

    Balas
    • Masino Sinaga mengatakan

      Kam, 7 Mei 2015 pada 12:30 pm

      Tinggal ganti saja jenis control yang digunakan oleh Field tersebut dari yang sebelumnya secara standar menggunakan TextBox menjadi Combobox (SELECT), lalu aktifkan Use lookup table dan definisikan pengaturan pada panel Lookup Table di sebelah kanannya.

      Silahkan baca-baca topik Field Setup dari menu Help PHPMaker untuk informasi lebih lanjut.

      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

  • ReadOnly vs Disabled, Sebaiknya Pilih yang Mana?
  • Mudahnya Menghilangkan Search Operator pada Extended dan Advanced Search di PHPMaker 2024
  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download!
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Review PHPMaker 2024

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Auto Fill yang Fleksibel di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • achmad pada Auto Fill yang Fleksibel di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Masino Sinaga pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker
  • Shandy pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker

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 - 2023 | WordPress | Catat masuk | Kembali ke atas