using javascript to access array of textfields

[nicky77]

Hi there, newish to javascript so grateful for any help.

I am creating a test generator and have an array of textfields ("answer[]") created by a simple piece of PHP code. As you can see, I have radio buttons corresponding to each text field, which is a potential answer to a multi choice question. I already have working code which ensures that an answer is selected and not the default option. However, I also want to validate that when an answer is selected, the corresponding text field is not blank. I am having problems accessing the values of each text field in the array.

Here's the php/html code....

<p>
Enter the answer options and ensure the radio button selected is the correct answer. <br/><br/>
<?php
//Generate form
$count=5;
$name=array("A","B","C","D","E");
for ($i=0;$i<$count;$i++) {
echo "<input type='radio' name='option' value='$i'>$name[$i] <input type='text' name='answer[$i]' size='80'><br/>";
}
?>
<input type="radio" name="option" value="No Answer" checked="checked" />No Answer selected
 

and here's the JS function to check it.....

function validateCorrectAnswer(form){
var error="";
var none="No Answer";
var ansText ="";
var selected;
 
for (var i=0; i<form.option.length; i++) {
if (form.option[i].checked)
{
selected = form.option[i].value ;
if (selected==none)
error = "You didn't select a correct answer.\n";
else if(form.elements['answer[i]'].value=="")
error = "You didn't enter any text for the correct
answer.\n";
}
}
return error;
}

[iam_clint]

Heres a start for ya

function validateCorrectAnswer(form){
var error="";
var none="No Answer";
var ansText ="";
var selected;
var selOptions = document.getElementsByTagName("input");
for (var i=0; i<selOptions; i++) {
if (selOptions[i].getAttribute("type")=="radio" && selOptions[i].checked) {
selected = selOptions[i].value ;
if (selected==none) {
error = "You didn't select a correct answer.\n";
else if(form.elements['answer[i]'].value=="")
error = "You didn't enter any text for the correct
answer.\n";
}
}
return error;
}
 

[nicky77]

Thanks for the reply iam_clint. Still having a problem, however. When the function is called it never satisfies the first If statement, for some reason. Can't see what the problem is and i'm getting no error messages (there was a stray bracket in the original code but that's not the problem). Any further help would be appreciated. Cheers

[acoder]

In your original code, you could change line 13 to:

else if(form.elements['answer['+i+']'].value=="")