jQuery : Memeriksa jika input terisi atau tidak dengan jQuery

Oleh : Abah Razi

بسم الله الرحمن الرحيم

Kita dapat menyederhanakan fungsi pengecekan dengan membuat satu fungsi untuk dipakai berulang kali. Pengecekan dilakukan berdasarkan id elemen.

Kodenya tampak seperti berikut :

function cekinput(id){
    // disini kita menetapkan id elemen yang akan diperiksa
    var value = $("#"+id).val();
    // kita cek panjang dari value yang ada
    var len = value.length;
    // jika panjang value kurang dari 1 karakter maka kita akan menampilkan pesan kesalahan
    if (len < 1){
        return false;
    }else{
        return true;
    }
}

Kita dapat menggunakan fungsi ini seperti berikut :

$(".button").click(function()(
    // tempatkan id lement disini 
    var result = cekinput("firstname");
    // periksa jika hasil pemeriksaan true atau false
    if (result == true){
        // berikan kode terusannya
    }else{
        // tampilkan pesan kesalahannya
    }

);