Form validation for runtime generated fields

Hi,

I am trying to validate a form to check that all the required fields are completed, however I am having difficulty as I don't know what fieldnames will be until runtime.

example:

The form consists of a number of input text fields. text1, text2.....textx. The number of these input fields varies from day to day but all of them must always be completed.

I have the following basic code, ideally I'd like to be able to call validRequired in a loop with x from 1 to the number of fields on the form that day. I can't seem to do this directly and don't know enough about JavaScript to make this work.

START_CODE*****************************
function validateForm(theForm)
{
if (!validRequired(theForm.textx , "Game 1"))
return false;
}

function validRequired(formField,fieldLabel)
{
var result = true;
if (formField.value == "")
{
alert('Please enter a value for the "' + fieldLabel +'" field.');
formField.focus();
result = false;
}
return result;
}
END_CODE******************************

Many thanks.
Paul

Paul,

could you please tell me how the fields are getting generated?
Is it based on a database or an array? or is it some other method?

also could you please post the code that generates the forms

Thanks, Ben.

The fields were from a database, but I managed to figure it in the end.

<SCRIPT LANGUAGE="JavaScript">
function verifyIt() {
var form = document.forms[0]
for (i = 0; i < form.elements.length; i++) {
if (form.elements[i].type == "text" && form.elements[i].value == ""){
alert("Please fill out all fields.")
form.elements[i].focus()
break
}
// more tests
}
// more statements
}
</SCRIPT>