Monday, May 20, 2024
62
rated 0 times [  65] [ 3]  / answers: 1 / hits: 45157  / 12 Years ago, sat, november 3, 2012, 12:00:00

I have the following form:



<form name=survey1 action=add5up.php method=post onsubmit=return validateForm()>
<div id=question>Q1) My programme meets my expectations</div><br />
Always<INPUT TYPE = 'Radio' Name ='q1' value= 'a'>
Usually<INPUT TYPE = 'Radio' Name ='q1' value= 'b'>
Rarely<INPUT TYPE = 'Radio' Name ='q1' value= 'c'>
Never<INPUT TYPE = 'Radio' Name ='q1' value= 'd'>
<input type=submit value=addData />
</form>


I am trying to validate whether a Radio button has been selected.



The code I am using:



<script type=text/javascript>
function validateForm()
{
if( document.forms[survey1][q1].checked)
{
return true;
}

else
{
alert('Please answer all questions');
return false;
}
}
</script>


This is not working. Any ideas?


More From » radio-button

 Answers
12

When using radiobuttons you have to go through to check if any of them is checked, because javascript threats them as an array:



<script type=text/javascript>
function validateRadio (radios)
{
for (i = 0; i < radios.length; ++ i)
{
if (radios [i].checked) return true;
}
return false;
}

function validateForm()
{
if(validateRadio (document.forms[survey1][q1]))
{
return true;
}
else
{
alert('Please answer all questions');
return false;
}
}
</script>


Regards


[#82213] Thursday, November 1, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
hallie

Total Points: 503
Total Questions: 114
Total Answers: 103

Location: Iraq
Member since Fri, Jun 5, 2020
4 Years ago
;