Проверьте, существует ли вход формы

Question

Я хочу проверить, существует ли тег ввода с именем «field2», когда пользователь заполняет входное имя «field1». Я делаю это, выполняя функцию JavaScript, используя событие onchange в теге input field1. (Я тестирую с помощью предупреждающих ящиков.) Если field2 не существует, JavaScript нажимает кнопку, и форма обновляется, чтобы иметь как поле1, так и поле2. Но окно предупреждения появляется, даже когда поле2 существует независимо от того, какой из 3 методов я использую. Я пробовал всевозможные комбинации, используя if с null и 'undefined' и т. Д.

Почему окна предупреждения появляются, если поле2 существует?

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

На самом деле, проблема заключалась в том, что страница имела различные формы и поэтому forms[0] не имела в виде формы я хотел. Поэтому я думаю, что лучший способ - использовать this и напрямую обратиться к полю input. Кроме того, более ясно сравнить с undefined, а не с !.

Это работает:

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

Вызывается, как это:

foobar(this.form); 

Answer 2

Вы пропускаете кронштейн: if(!document.getElementsByName("field2"))

Answer 3

Только для обновления с тех пор, используя getElementsByName и сравните нуль не работает должным образом больше. Теперь работает проверка длины элемента.

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