problema controllo campi modulo

[Fichico]

Ho un modulo dove, su ogni riga della tabella, ci sono dei campi hidden o meno chiamati ordine[], area[] e id[]

la nomenclatura è necessaria per eseguire lato server il doppio controllo in php se il test in js fallisce

in particolare il codice è il seguente:

function boContenutiAreaOrdina(f, totale){
    var errMsg = '';
    var conta = 0;
    valori = new Array(totale);
    var confronta_valori = true;

    titolo_errore = "Si sono verificati i seguenti errori:\n\n";
    errore1 = "- Tutte le aree devono avere un nome.\n";
    errore2 = "- Ogni area deve avere un nome diverso dalle altre.\n";

    if (totale > 1){
        for (i = 0 ; i < valori.length ; i++){
            valori[i] = f.area[i].value;
            if (!controlla(f.area[i].value, true))
                conta++;
        }
        
        for (i = 0 ; i < valori.length ; i++){
            for (ii = 0 ; ii < valori.length ; ii++){
                if (i != ii){
                    if (valori[i] == valori[ii]){
                        confronta_valori = false;
                        break;
                    }
                }
                if (!confronta_valori)
                    break;
            }
        }
    }else{
        if (!controlla(f.area.value, true))
            conta++;
    }
    
    if (conta > 0)
        errMsg += errore1;
    if (!confronta_valori)
        errMsg += errore2;

      if (errMsg != ''){
        errMsg = titolo_errore + errMsg;
        alert(errMsg);
        return false;
    }
} 

Il problema è che mi da un errore con il campo area, in particolare:
Errore: f.area is undefined
File sorgente: http://localhost/include/bo_script.js - Riga: 99

qualcuno potrebbe aiutarmi su come modificare il codice? prima del non funzionamento, controllava egregiamente e i campi del form non finivano in []