contact
WA: 0812-7537-1724
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: 5AB31960
ebsofmail@gmail.com

validasi mutlitple Checkbox

Posted in Javascript Jquery Life at 11 Februari 2016 With 0 Comments

Validasi componen Checkbox bisa dilakukan dengan Menggunakan PHP , Jquery, Namun disini suckittrees dot com akan berbagi script Cara Membuat Validasi Mutlitple Checbox dengan Menggunakan Javascript.

Seperti kita ketahui komponen checkbox di HTML merupakan input pilihan terhapad user, dimana user dapat menentukan pilihannya sesuai dengan keinginannya sendiri, Dengan kata Lain User dapat Memilih Salah Satu atau Lebih. Namun disini kita Membuat Falidasi Agar Komponen Checkbox yang ada Jangan Sampai Tidak dipilih Oleh User dengan Pilihan Minimal 1 .

▼ Download Source Code Dibawah Ini ▼


Validasi checkbox ini bisa anda terapkan pada data yang di ambil dari database mysql , Untuk Script Validasi Checkbox Anda dapat sbb:

<html>
<head>
<script language="javascript">
function validate()
{
var chks = document.getElementsByName('colors[]');
var hasChecked = false;
for (var i = 0; i < chks.length; i++)
{
	if (chks[i].checked)
	{
	hasChecked = true;
	break;
	}
}

if (hasChecked == false)
	{
	alert("Please select at least one.");
	return false;
	}

return true;
}
</script>

</head>
<body>
<form name="form1" onSubmit="return validate()">

Your colors are <br>
<input type="checkbox" name="colors[]" value="blue" id="blue">Blue <br> 
<input type="checkbox" name="colors[]" value="red" id="red">red <br>
<input type="checkbox" name="colors[]" value="green" id="green">green <br>
<input type="checkbox" name="colors[]" value="yellow" id="yellow">yellow <br>
<input type="checkbox" name="colors[]" value="voilet" id="voilet">voilet <br>
<input type="checkbox" name="colors[]" value="grey" id="grey">grey <br> 

<br>
<input type="submit" value="submit"  name="submit"/>
</form>
</body>
</html>

Demo Download

Artikel Terkait

Diskusi