javascript - 比较 JS 中的输入值

Question

我有一个<input type="text" name="value"/>循环中。

 <%for (i=0;i<10;i++){%>
 <input type="text" name="value"/>
 <%}%>
 <input type="button" name="submit">

提交时我需要检查输入变量(10 个框)不应超过 100 的值。

请告诉我如何调用 JS 并将这 10 个值发送给它，并将总和与 100 进行比较。

Answer 1

给出正确的 JavaScript 答案:

获取您的表单引用:

var form = document.getElementById('formId');

为提交事件绑定(bind)一个事件处理程序，例如:

form.onsubmit = function() {...};

在句柄内，获取对名称为 value 的所有输入元素的引用:

var inputs = this.elements['value'];

迭代元素并对它们的值求和:

var sum = 0;
for(var i = 0, len = inputs.length; i < len; i++) {
    sum += +inputs[i].value;
}

如果总和大于 100，则停止默认操作:

if(sum > 100) {
    return false;
}

<小时/>

完整示例:

var form = document.getElementById('formId');

form.onsubmit = function() {
    var inputs = this.elements['value'],
        sum = 0, i, len;

    for(i = 0, len = inputs.length; i < len; i++) {
        sum += +inputs[i].value;
    }

    if(sum > 100) {
        return false;
    }
};