使用 Javascript 计算文本区域和输入答案

【问题标题】：Count textarea and input using Javascript使用 Javascript 计算文本区域和输入
【发布时间】：2013-03-19 02:20:53
【问题描述】：

我正在使用以下代码来计算 HTML5 表单上所需输入（文本框）的数量，效果很好。

var inputTags = document.getElementsByTagName('input');
reqinputCount = 0;
for (var i=0, length = inputTags.length; i<length; i++) {
    if (inputTags[i].validity.valid == false ) {
        reqinputCount++;
    }
}

现在我的问题是我在表单上也有一个文本区域，并且也想包含它。你能帮帮我吗？提前致谢。

【问题讨论】：

如何确定是否需要标签？你的有效性属性是什么？
@Aiias 基本 HTML5 表单功能。
您可以使用 DOM 0 form.elements 集合在表单中获取每个控件的集合，然后对其进行迭代。

标签： javascript html input textarea

【解决方案1】：

由于您已经依赖于仅存在于最新版本浏览器中的功能，我假设您不介意使用其他此类功能是安全的：

var inputTags = document.querySelector("input,textarea");

【讨论】：

如果 OP 想要深入研究 HTML5 并且不向后兼容（不建议但可能会很有趣），他应该阅读 HTML5 §4.10 Forms。无论如何，我认为form.elements 会更好地获取所有控件，然后根据需要处理每个控件（酌情使用 HTML5 属性或库存 HTML 4.01）。