Menggunakan JTextValidator di NetBeans IDE


NetBeans IDE 6.9

NetBeans IDE 6.9

Peralatan yang diperlukan

  1. Java Development Kit 1.6
  2. NetBeans IDE 6.9
  3. Project JTextValidator

Artikel sebelumnya saya telah membuat sebuah project JTextValidator yang merupakan JTextField yang dapat melakukan proses validasi secara dinamis dan realtime. Pada artikel ini saya akan bahas bagaimana cara menggunakannya dalam project java yang dibuat menggunakan NetBeans IDE :D Kenapa NetBeans? Baca saja terus artikel ini :D

  1. Download Project JTextValidator, setelah itu buka menggunakan NetBeans.
  2. Buat project Java Application di NetBeans, beri nama project tersebut, terserah anda akan memberinamanya apa, misal saya memberinamanya dengan nama khannedy-jtextvalidator-sample.
  3. Tambahkan project JTextValidator ke project yang telah anda buat, caranya klik kanan pada bagian Libraries lalu pilih Add Project, tambahkan Project JTextValidator yang telah anda download sebelumnya.

    Menambahkan Project

    Menambahkan Project

  4. Buat sebuah form JFrame, berinama dengan nama Form atau apapun terserah anda :D Setelah itu Drag kelas JTextValidator yang ada di project khannedy-jtextvalidator ke form yang sedang anda buat. Otomatis maka akan terbuat sebuah textfield. Jika terjadi error, coba Clean and Build kedua projectnya terlebih dahulu.

    JTextValidator Component

    JTextValidator Component

  5. Sekarang saatnya melakukan proses valida si, misal kita akan melakukan proses validasi bahwa data yang dimasukkan harus ANGKA, jadi kalo memasukkan huruf tidak akan diterima :D jadi mari kita buat Validator untuk Angka, kita beri nama dengan NumberValidator.
    /**
     * Copyright 2010 Eko Kurniawan Khannedy
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
     * You may obtain a copy of the License at
     *
     * http://www.apache.org/licenses/LICENSE-2.0
     *
     * Unless required by applicable law or agreed to in writing, software
     * distributed under the License is distributed on an "AS IS" BASIS,
     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     * See the License for the specific language governing permissions and
     * limitations under the License.
     */
    package khannedy.javax.swing.sample;
    
    import khannedy.javax.swing.Validator;
    
    /**
     * Kelas NumberValidator digunakan untuk melakukan proses
     * validasi agar data yang dimasukkan harus Angka
     *
     * @author Eko Kurniawan Khannedy
     */
    public class NumberValidator implements Validator {
    
        public boolean validate(String input) {
            return input.matches("[0-9]*");
        }
    }
    
    
  6. Setelah itu drag – drop kelas NumberValidator ke Area diluar Form.
    Menambahkan NumberValidator

    Menambahkan NumberValidator

    Setelah itu ubah property validator milik jtextvalidator yang ada dalam form menjadi numberValidator1 yang telah kita tambahkan tadi.

    JTextValidator Validator Property

    JTextValidator Validator Property

  7. Sekarang coba jalankan, maka otomatis textfield tersebut tidak akan dapat dimasukkan oleh teks selain Angka :D
  8. Sekarang bagimana jika saat user memasukkan Huruf, lalu form memberi peringatan bahwa data yang dimasukkan harus angka? Caranya mudah saja, tambahkan Listener ke JTextValidator tersebut. Misal sekarang coba anda tambahkan sebuah JLabel dengan warna merah.
    Tampilan Form JFrame

    Tampilan Form JFrame

    Jlabel ini akan kita gunakan untuk memberi pesan kesalahan pada pengguna saat memasukkan data yang salah :D

  9. Setelah itu beri  listener pada JTextValidator tersebut, caranya tinggal klik kanan JTextValidator tersebut, lalu pilih Events -> Validator -> onInvalid. Wow, keren kan? Kita tidak perlu coding untuk memasukkan listenernya, hanya tinggal klak-klik saja :D
    Menambah Listener ke JTextValidator

    Menambah Listener ke JTextValidator

    Setelah itu, maka NetBeans akan memberikan sebuah metode, dimana dalam metode itulah kita akan memberikan peringatan ke user, misal saja saat memasukkan data yang salah, jlabel pesan kesalahan akan menampilkan pesan seperti ini “Maaf, kata ‘—‘ tidak dapat diterima, Anda harus memasukkan angka“.

        private void jTextValidator1OnInvalid(khannedy.javax.swing.ValidatorEvent evt) {
            String input = evt.getText();
            jLabelPesanKesalahan.setText("Maaf, kata '"
                    + input
                    + "' tidak dapat diterima, Anda harus memasukkan angka");
        }
    

    Setelah itu, agar saat user memasukkan data valid lalu labelPesanKesalahan tersebut hilang, maka beri juga aksi onValid, caranya sama seperti pada saat menambah listener onInvalid, hanya pilih metode onValid.

        private void jTextValidator1OnValid(khannedy.javax.swing.ValidatorEvent evt) {
            jLabelPesanKesalahan.setText("");
        }
    
  10. Selesai, sekarang coba Anda jalankan Form nya, lalu coba masukkan Huruf, maka tampilannya akan seperti ini :

    Sample JTextValidator Program

    Sample JTextValidator Program

  11. Sekarang, jika anda akan membuat proses validasi yang lain, anda cukup membaut kelas Validator yang meng-implements interfafe Validator. Dan setelah itu kelas Validator yang anda buat dapat digunakan oleh beberapa JTextValidator.

Silahkan Download Project Samplenya disini

enjoy… :D

11 pemikiran pada “Menggunakan JTextValidator di NetBeans IDE

  1. kakak saya mau nanya…dijava itu kan ada operator “+=”…., itu maksudnya buat apa????
    klo dibandingin sama operator “=” bedanya apa???
    makasih sebelumnya…

  2. Subhanallah….
    5 bulan sudah saya nyari2 cara bikin pengecekan input buat jTextfield, akhirnya ketemu juga disini.
    Blog mas Eko ini mang bener2 Ajiib….!

  3. ini model validasi pada saat focus. bagaimana ya mas kalau proses validasinya pada saat tekan button untuk proses input.? untuk pengecekan jtextfield secara dinamic, tanpa mengetik brulang untuk validasinya.

    tpi tutorial yg sangat brmanfaat.
    keep sharing

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s