checkbox validation in javascript


check box validation for form

<script language=”javascript”>

function validationCheckBox(){

var checkBoxVal = ‘false’;

var checkBox = document.forms[‘formName’].elements[‘checkBoxName’];

for(var i =0 ; i < checkBox.length ; i++){

if(checkBox[i].checked){

checkBoxVal = ‘true’;

break;

}

}

if(checkBoxVal == ‘false’){

alert(“Please select at least one check box…..”);

return false;

}

return true;

}

</script>

HTML SCRIPT

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Validation of checkbox demo</title>
</head>

<body>
<form name=”formName” id=”formName” onsubmit=”return validationCheckBox()”>
<input type=”checkbox” name=”checkBoxName” value=”check1″ />Check1
<input type=”checkbox” name=”checkBoxName” value=”check2″ />Check2
<input type=”checkbox” name=”checkBoxName” value=”check3″ />Check3
<input type=”checkbox” name=”checkBoxName” value=”check4″ />Check4
</form>
</body>
</html>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s