javascript - 检查表单输入是否存在

Question

我想检查当用户填写输入名称“field1”时是否存在名为“field2”的输入标签。为此，我使用 field1 的 input 标记上的 onchange 事件执行一个 JavaScript 函数。 (我正在使用警告框进行测试。)如果 field2 不存在，则 JavaScript 单击一个按钮，表单将更新为同时具有 field1 和 field2。但是无论我使用 3 种方法中的哪一种，即使 field2 存在，也会弹出警告框。我尝试了使用 if 与 null 和 'undefined' 等的各种组合。

如果 field2 存在，为什么会弹出警告框？

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);