javascript - 检查输入字段的值，无论类型如何

Question

我已经看到并阅读过this问题。在那里没有找到我的答案。

我有一些代码接受 html 模板，并在表单中使用该模板。该模板将包含 x 个输入字段。

有没有办法检查这些输入字段中的值？有点像这样:

var inputFields = element.getElementsByTagName('input');
inputFields.forEach(function (element) {
    var value = element.value;
    // ... something
});

我知道这行不通，但你明白了。

我认为我必须为不同的输入类型编写特殊情况，但我想我会问是否有人有解决此问题的经验。

这是用纯 JavaScript 完成的，所以我真的不需要 jQuery。除非你有一个非常巧妙的方法在 jQyery 中做到这一点，而不是简单的 JavaScript。

编辑:我需要检查是否已在该字段中输入任何输入，无论是文件还是文本。我需要删除那些没有值(value)的名称属性。

Answer 1

使用以下内容，我看不出您需要对不同类型进行任何特殊处理。您可以只读取 value 属性:

<script>
  var t = '<table>';
  var inputTypes = ('hidden text tel url email password datetime date month week' +
                    ' time number range color checkbox radio file submit image' +
                    ' reset button').split(' ');
  var type;

  for (var i=0, iLen=inputTypes.length; i<iLen; i++) {
    type = inputTypes[i];
    value = type == 'number'? 10 : 'input type ' + type;
    t += '<tr><td>' + type + '<td><input type="' + type +
         '" name="' + type + 'Input" value="' + value + '">';
  }
  document.write(t + '<\/table>');
</script>

<button onclick="getValues(document.getElementsByTagName('input'))">Get values</button>

<script>
function getValues(inputs) {
  var input;
  for (var i=0, iLen=inputs.length; i<iLen; i++) {
    input = inputs[i];
    console.log(input.name + ': ' + input.value);
  }
}
</script>

您可能需要检查复选框和单选框是否已选中。为此，获取该值可以是:

if (input.type in {radio:'', checkbox:''}) {

  if (input.checked) {
    // get value
  }

} else {
  // get value
}