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

validasi multiple Checkbox

Posted in Javascript Jquery Life at 26 Juli 2018 With 0 Comments


Bagaimana Validasi Checkbox dengan javascript..??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 .

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 Rekomendasi

Artikel Terkait

Diskusi