contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Validasi Checkbox Array dengan Javascript

Posted in Javascript Jquery Life at 09 November 2016 With 0 Comments

OK.. Tutorial kali ini kita akan membahas Cara Validasi Checkbox dengan javascript , Checkbox merupakan componen tag HTML yang biasa tag ini digunakan untuk menentukan pilihan lebih dari satu, dan jelas option yang ditawarkan pasti lebih dari satu, pada beberapa kasus, jika data di ambil dari database, kita harus memanggilnya dengan query mysql, array data yang ditampilkan akan menjadi masalah dalam penangan validasi checkbox tersebut.

Nah.. pada artikel ini admin akan share contoh validasi checkbox dengan Javascript sederhana untuk penganan nya :

HTML Code

<form action='' onsubmit="return validate(this);">
<input type="checkbox" name="sel[]" value="buku">Buku
<input type="checkbox" name="sel[]" value="pena">Pena
<input type="checkbox" name="sel[]" value="pensil">Pensil
<input type="submit" name="submit" value="Submit" />
</form>

Javascript Code

<script>
function validate(){
    var checked=false;
    var elements = document.getElementsByName("sel[]");
    for(var i=0; i < elements.length; i++){
        if(elements[i].checked) {
            checked = true;
        }
    }
    if (!checked) {
        alert('Pilih Salah Satu');
    }
    return checked;
}
</script>
▼ Download Source Code Dibawah Ini ▼


Demikian artikel cara validasi checkbox dengan javascript, dengan pengambilan data dari database juga bisa dilakukan.. selamat berkreasi

Artikel Rekomendasi



Artikel Terkait

Diskusi