Form Validation

Is this possible?

[ladyshanae]

I am creating a form with 5 questions. Each question must be answered with a "yes" answer. Is it possible to use java script to validate that all answers are yes in order for the form to be submitted? If so . . . where can I find the code to do that? If not, is there another route i can take for the same effect? Thank you in advance!

[korkus2000]

It is possible. Are you using radio buttons or check boxes?

[ladyshanae]

I'm currently using drop down menus, but I was using radio buttons before.

[korkus2000]

Drop downs that have a yes and no option?

[ladyshanae]

Yes, they have a Select One, Yes, and No options.

But if it is easier to use radio buttons or check boxes, I can change it :)

[korkus2000]

You can use a script like this:

<script language="JavaScript">
function checkSelects() {
//set a variable to hold the string info
var selectedNo = "";
//test the select boxes for their values
if (document.nameOfForm.NameOfDropDown1.options[document.nameOfForm.NameOfDropDown1.selectedIndex].value!= "yes") {
//If they are not equal to yes then add the text for the alert box of which
//select box is not equal to yes.
selectedNo += "\n - People";
}
if(document.nameOfForm.NameOfDropDown2.options[document.nameOfForm.NameOfDropDown2.selectedIndex].value!= "yes") {
selectedNo += "\n - Places";
}
if (document.nameOfForm.NameOfDropDown3.options[document.nameOfForm.NameOfDropDown3.selectedIndex].value!= "yes") {
selectedNo += "\n - Things";
}
//test to see if you have any string info in the variable
if (selectedNo!= "") {
//If so write an alert box telling which hasn't been selected to yes
selectedNo ="_____________________________\n" +
"You select no for:\n" +
selectedNo + "\n_____________________________" +
//Explain why you don't want these people submiting
"\nWe don't like negative people!\nSo we don't want you to submit\nyour form!";
alert(selectedNo);
//Stop the submit from going through
return false;
}
//No "no"s so let them submit.
else return true;
}
</script>

If you are not looking to tell the user anything then you could always do this:
<script language="JavaScript">
function checkSelects() {
//set a variable to hold the string info
var selectedNo = "";
//test the select boxes for their values
if (document.nameOfForm.NameOfDropDown1.options[document.nameOfForm.NameOfDropDown1.selectedIndex].value!= "yes") {
//If they are not equal to yes then add the text for the alert box of which
//select box is not equal to yes.
selectedNo += "\n - People";
}
if(document.nameOfForm.NameOfDropDown2.options[document.nameOfForm.NameOfDropDown2.selectedIndex].value!= "yes") {
selectedNo += "\n - Places";
}
if (document.nameOfForm.NameOfDropDown3.options[document.nameOfForm.NameOfDropDown3.selectedIndex].value!= "yes") {
selectedNo += "\n - Things";
}
//test to see if you have any string info in the variable
if (selectedNo!= "") {
//Stop the submit from going through
return false;
}
//No "no"s so let them submit.
else return true;
}
</script>

For the form it would look like this. Notice the onSubmit attribute in the opening form tag. It calls the function above. Make sure all names of the form and dropdowns are correct in the above function. You also need a submit button to fire off the onSubmit event.

<form name="nameOfForm" onSubmit="checkSelects()">
Do You Like People?
<select name="NameOfDropDown1">
<option value="no">No</option>
<option value="yes">Yes</option>
</select><br>
Do you like Places?
<select name="NameOfDropDown2">
<option value="no">No</option>
<option value="yes">Yes</option>
</select><br>
Do You Like Things?
<select name="NameOfDropDown3">
<option value="no">No</option>
<option value="yes">Yes</option>
</select>
<br>
<input type="submit">
</form>

BTW Welcome to WebmasterWorld. :)

[ladyshanae]

Thanks very much for the Welcome! One more question...how do I get it to also go to another url on submit, as well as validating the answers? Basically, I want the people who answer all yesses to be directed to another page after submission. The way that I did have it, people were getting directed to the other page no matter what they answered, once they hit the submit button.

I really liked the popup that your script gave me when someone answers no. Now I need the people who answer yes to get to go on to the next page. Is that possible?

[Oaf357]

Do you have access to PHP?

[korkus2000]

So you want to redirect people who answer all yeses and not the nos? If so then I would handle that on the page you are submiting to. If they answer no they won't submit and it won't be a problem. You just set your action attribute in the form tag to the script or page processing the form like:

<form name="nameOfForm" onSubmit="checkSelects()" action="pageorscripthandlingform.cgi">

Then let that page or script do the redirect. Like Oaf357
mentioned serverside scripting will handle this much better than JavaScript.

[ladyshanae]

I tried that, and it didn't work. When the user selects a no answer, the popup comes up. When they click "ok" on the popup, they are still redirected to the next page, lol. I am building this site for someone else, and I do know that they are going to be running something on there (unrelated to the site) that is ASP...I am not terribly sure if I can use php on this, if they are on a windows server and running ASP? This part is out of my league...all I am doing it building the plain, old fashioned html site, lol. That's why I wanted to use java script to do the validate/redirect if I could.

[MWpro]

Using php to check if all of them are yes would be a lot easier using php. Where will this form submit to? Email? database?

Make a file ending with .php, put this in the file

<?
phpinfo();
?>

this will check if you have php on your server. If you do then we can help you with a nice php script to handle your problem.

[DrDoc]

Then don't use a submit button.
Use a regular input button instead:

<input type="button" value="Submit" onclick="checkSelects()">

At the end of your JavaScript function (where you end up if they are all "yes") put this:

document.name_of_form.submit();

[ladyshanae]

Dr. Doc, that worked! Thank you SOOOOO much! I owe you my eternal gratitude, LOL! :)