How can I prevent more than three checkboxes being clicked in a web form using JavaScript?A checkbox field including 25 choices and its mandatory, user can check up to 3 choices.
How can I do that?
Please help! In details… my field called job.
regards,
Rebecka
Subject: HELP!! How can I prevent more than 3 checkboxes being clicked?
Try this idea:
function validateCheckBox () {
var chkCounter=0;
var chkelems = document.getElementsByName(fieldName)
var chkelemslen = chkelems.length
for (var i=0;i<chkelemslen;i++) {
if (chkelems[i].checked) {
chkCounter=chkCounter+1;
if (chkCounter > 2) {break;}
}
}
return chkCounter;
}
var intChecked;
intChecked = validateCheckBox()
if (intChecked<1 || intChecked>3) {
alert(“Failed”) //your validation message
return false;
}
HTH
Sai
Subject: Please HELP!! How can I prevent more than 3 checkboxes being clicked?
Thanks for your help but it didn’t work…Any other suggestions?
I have this validation code in my form JSHeader and it works…
My problem is to prevent choosing more than 3 alternatives in the field “job” that includes 25 alternatives…
I hope someone have the solution!
function validate() {
var form = document.forms[ 0 ];
if ( form[ "name" ].value == "" ||
form[ "surname" ].value == "" ||
form[ "address" ].value == "" ||
form[ "zipcode" ].value == "" ||
form[ "city" ].value == "" ||
form[ "phone" ].value == "" ||
form[ "email" ].value == "" ||
!isOneSelected( form[ "job" ] ) ||
!isOneSelected( form[ "gender" ] )) {
alert( "Please enter all mandatory fields" );
return;
}
form.submit();
}
function isOneSelected(objField) {
for (var i = 0; i < objField.length; i++)
if (objField[i].checked) return true;
return false;
}
Subject: RE: Please HELP!! How can I prevent more than 3 checkboxes being clicked?
I had tested this and it works.
function validateCheckBox () {
var chkCounter=0;
var chkelems = document.getElementsByName(“job”)
var chkelemslen = chkelems.length
for (var i=0;i<chkelemslen;i++) {
if (chkelems[i].checked) {
chkCounter=chkCounter+1;
if (chkCounter > 3) {break;} //changed this line from 2 to 3
}
}
return chkCounter;
}
var intChecked;
intChecked = validateCheckBox()
if (intChecked<1 || intChecked>3) {
alert(“Failed”) //your validation message
return false;
}
Subject: IT WORKS!! How can I prevent more than 3 checkboxes being clicked?
Thank you very much!I appreciate your help!
Have a nice day!
regards,
Rebecka