Hi, can anyone help me with a form validation problem i'm having.
I have this form which has multiple check boxes and i don't want people to be able to submit the form without checking at least one checkbox.
This one keeps getting me stumped because of course i can easily write a script to force users to select certain checkboxes before they can submit the form but when it comes to forcing them to select any one before they submit it all crashes on me.
If you know of a piece of code i can look at that will do the job for me i will be grateful.
This script will go through all the checkboxes in a given form and make sure at least one is checked. If none are checked it sends an alert. To make it work just insert the name of your form everywhere that it says 'theform'.
Code:
<script>
function validatechecks()
{
var elmtlength = window.document.theform.elements.length
var totalchecked = 0
var i;
for (i = 0; i < elmtlength; i ++)
{
if(window.document.theform.elements[i].type == 'checkbox')
{
if(window.document.theform.elements[i].checked == true)
{
totalchecked = totalchecked + 1
}
}
}
if(totalchecked < 1)
{
alert('You must check at least one option before proceeding')
}
}
</script>
and add this into the script right after the last if statement.
else
{
window.location='theURL'
}
If you use <input type="Submit" it doesn't work as well
When the user clicks on the button if the checkboxes aren't checked it will alert and if they are it will proceed to the page u specified in the else{} statement.
When the user clicks on the button if the checkboxes aren't checked it will alert and if they are it will proceed to the page u specified in the else{} statement.
... without submitting the information, though, if I'm not mistaken?
Here's my 5c: (javascript is copyrighted by dwoody!)
Code:
<script>
function validatechecks()
{
var elmtlength = window.document.theform.elements.length
var totalchecked = 0
var i;
for (i = 0; i < elmtlength; i ++)
{
if(window.document.theform.elements[i].type == 'checkbox')
{
if(window.document.theform.elements[i].checked == true)
{
totalchecked = totalchecked + 1
}
}
}
if(totalchecked < 1)
{
alert('You must check at least one option before proceeding');
return false;
} else {
return true;
}
}
</script>
[...rest of page bjabjabja...]
<form [...] onSubmit="return validatechecks();">
Last edited by whizmail; 09-12-04 at 04:21 PM.
Reason: forgot the quote
Linear Mode
