Javascript - 从表单获取输入数组

Question

我正在尝试制作一个通用的“Check Empty”javascript函数。 我想我会做的是onsubmit获取表单中的input框的数量，并采取它的长度，如下所示：

我确实通过this.name将表单名称传递给函数，并将其命名为formVar

var len = formVar.input[].value;

然后我会使用该变量作为循环的限制，以便我可以检查每个变量并查看它是否为空。 上面的代码片段有什么问题？ 有没有办法在表单中获得大量输入？

Answer 1

DEMO

input[]不是JavaScript中的有效标识符，因此您需要在表单上以字符串索引的形式访问这些输入：

var allInputs = formVar["input[]"];
var len = allInputs.length;
var anyChecked = false;

for (var i = 0; i < len; i++)
   if (allInputs[i].checked){
      anyChecked = true;
      break;
   }

if (!anyChecked) 
    alert("all checkboxes are empty!");

Answer 2

您可以使用以下内容来确定表单中输入元素的数量：

document.forms['search'].getElementsByTagName('input').length

假设您有一个名为search的表单。 或者您可以使用formVar替换dcoument.forms['search']部分