Verificare se esiste un input di modulo

Question

Voglio verificare se esiste un tag di input denominato "campo2" quando l'utente sta compilando il nome di input "campo1". Lo faccio eseguendo una funzione JavaScript utilizzando l'evento onchange sul tag input di field1. (Sto testando le caselle di avviso.) Se field2 non esiste, JavaScript fa clic su un pulsante e il modulo viene aggiornato per avere sia field1 che field2. Ma la finestra di avviso si apre anche quando field2 esiste, indipendentemente dai 3 metodi che uso. Ho provato tutti i tipi di combinazioni usando con null e 'undefined', ecc.

Perché le caselle di avviso si aprono se il campo2 esiste?

function foobar(){ 

if(!document.getElementsByName("field2"){ 
alert("foobar"); 
} 

if(!document.forms[0].field2){ 
alert("foobar"); 
} 

if(!document.forms[0].elements.namedItem("field2"){ 
alert("foobar"); 
} 
} 

Answer 1

In realtà, il problema era che la pagina ha avuto varie forme e quindi forms[0] non si riferiva alla forma che volevo. Quindi penso che il modo migliore sia usare this e fare riferimento direttamente al campo input. Inoltre, è più chiaro confrontare con undefined anziché !.

Questo funziona:

function foobar(fooform){ 
    if (fooform.field2 === undefined) { 
     alert("foobar"); 
    } 
} 

Chiamato in questo modo:

foobar(this.form); 

Answer 2

vi manca una parentesi: if(!document.getElementsByName("field2"))

Answer 3

solo per aggiornare da quando uso getElementsByName e confrontare per nulla non funziona più correttamente. Ciò che funziona ora è il controllo della lunghezza dell'elemento.

if(document.getElementsByName("field2").length<=0) { 
    // then field2 does not exist 
}