Accessing arrays via DOM

[CathInfo]

I want to use an array for my fieldnames (field[1], field[2], etc.) instead of names like "first_name", "last_name", etc.

It works from an HTML standpoint, but I can't seem to access the contents of those text input fields from Javascript. The code below works 100% if I change "field[3]" to any normal variable name like "last_name".

    if (cust_last_name.length < 1) {
        eval('document.forms.info.field[3].style.backgroundColor = "#FFCCCC";');
        eval('document.forms.info.field[3].focus();');
        alert("Please fill in the Last Name field.");
        return false;
    }
 

How can I do what I'm trying to do?

Thanks,

Matthew

[hsriat]

I want to use an array for my fieldnames (field[1], field[2], etc.) instead of names like "first_name", "last_name", etc.

It works from an HTML standpoint, but I can't seem to access the contents of those text input fields from Javascript. The code below works 100% if I change "field[3]" to any normal variable name like "last_name".

if (cust_last_name.length < 1) {
eval('document.forms.info.field[3].style.backgroundColor = "#FFCCCC";');
eval('document.forms.info.field[3].focus();');
alert("Please fill in the Last Name field.");
return false;
}

How can I do what I'm trying to do?

Thanks,

Matthew

I never tried anything like that, but if you really want to use arrays,
then you may use the standard DOM array, ie. elements[ ]

You do not need to provide elements[ ] as name to the form items.

[acoder]

No need for eval either:

    if (cust_last_name.length < 1) {
        document.forms["info"].elements["field[3]"].style.backgroundColor = "#FFCCCC";
        document.forms["info"].elements["field[3]"].focus();
        alert("Please fill in the Last Name field.");
        return false;
    }