从使用 getElementsByClassName() 创建的数组中获取值

Question

我正在尝试创建一个函数来检查以确保用户提供的所有输入都是数字。

function wholeFormValid() {
var inp = document.getElementsByClassName('userInput'); 
    //userInput is a class name i provide to all my non-hidden input fields.
    //I have over 20 hidden values (I need to use hidden values to store state in a session).

    //Wanted to print out what my function is getting. I keep seeing undefined values.
var string= "justToInitializeThis";
for(var m in inp) {
    string = string + " " + inp.value;
}
alert(string);

    //Actual function that will be used once I track down the bug.
for(var i in inp) {

    if(inp.value != "") {
        if(!(/^[0-9]+$/.test(inp.value))) {
            return false;
        }
    }
}
return true;

该函数

确实返回了正确的输入字段，我可以从不同的页面看出，它们在用户可以提供的输入量方面有所不同。但我无法理解的是为什么我的所有值都返回为 null 而不是用户输入的值。我对 HTML 和 HTML 还很陌生。 Javascript，只需要第二双眼睛就可以了:) 提前致谢。

Answer 1

也将

var inp = document.getElementsByClassName('userInput'); 

var string= "justToInitializeThis";
for(var i=0; i < inp.length; i++) {
    string = string + " " + inp[i].value;
}
alert(string);

其用于另一个循环

Answer 2

更改：

for(var m in inp) {
    string = string + " " + inp.value;
}

收件人：

for(var m in inp) {
    string = string + " " + inp[m].value;
}

for ... in 循环迭代对象的属性

https ://developer.mozilla.org/en/JavaScript/Reference/Statements/for...in