Pada kesempatan kali ini saya akan menjelaskan cara membuat validasi inputan kosong di jquery. Perlu teman-teman ketahui sebelumnya, untuk menghindari inputan kosong dari form input hal yang perlu teman-teman lakukan adalah membuat validasi utuk setiap komponen-komponen yang ada di form input tersebut. Dari pembuatan validasi tersebut banyak manfaat, diantaranya untuk menghindari data kosong pada database, untuk menghindari duplikat data, untuk menyesuaikan type data pada masing-masing field database yang dimasukan dari komponen-komponen form input, dan masih banyak lg lainnya.

Sekarang coba teman-teman bayangkan, sebagai contoh apabila teman-teman memiliki form input data mahasiswa dan salah satu field pada tabel database tersebut dibuat type datanya dengan tanggal atau datetime(), tiba-tiba ada pengguna (user) dari system yang teman-teman buat memasukan komponen tanggal tersebut dengan nomor telpon. Berikut pertanyaan saya.

  1. Apakah system yang teman-teman buat akan menerima data tersebut untuk kemudian bisa disimpan menjadi reqord di tabel database teman-teman jika tanpa adanya validasi di system yang teman-teman buat ? Jawabannya adalah, Tidak..
  2. Apakah system yang teman-teman buat akan tetap berjalan normal apabila ada user (pengguna) yang memasukan type data yang berbeda dengan type data yang di buat di tabel database system tersebut ? Jawabannya adalah, Tidak..

Mengapa demikian ?

Perlu teman-teman ketahui lagi sebelumnya, salah satu fungsi dari pembuatan data adalah untuk mendapatkan informasi berupa himpunan fakta, angka, grafik, tabel, gambar, lambang, kata, dll. Sekarang teman-teman bayangkan, apabila data yang dimasukan tidak sesuai seperti yang sudah saya jelaskan diatas, apakah masih bisa disebut jika fungsi dari salah satu data adalah untuk mendapatkan informasi berupa himpunan fakta dan real ? Tentunya data-data tersebut tidak lagi bisa dipercaya.

Maka dari itu, pada penjelasan yang saya akan contohkan disini adalah cara membuat validasi inputan kosong di jquery seperti pada contoh dibawah ini.

Berikut Contohnya :

  • Teman-teman buat terlebih dahulu satubuah file dengan nama index.php, dan ketikan kode seperti berikut :

Note :

  1. disini saya menggunakan jquery versi 3.1.1
  2. Untuk kode if(tampil != 0){ .. } adalah kode untuk melakukan validasi jika input text yang berinisial name terisi maka kode di dalamnya akan di proses.
  3. Namun sebaliknya, untuk kode else adalah jika input text kosong maka kode didalamnya akan di proses, yaitu menampilkan pesan Nama Lengkap Tidak Boleh Kosong !
  • Jika sudah teman-teman save file tersebut, dan lihat hasilnya pada browser teman-teman.

Sampai disini penjelasan saya mengenai cara membuat validasi inputan kosong di jquery, semoga bermanfaat.