javascript - 在 div 中仅添加某些输入

Question

目前，我有一个函数可以将所有输入添加到一个 div (inputsite) 中，然后从另一个输入 (siteinput) 中减去该总数。这很好用，但我向包含文本的 div 添加了更多输入；这将调用“不可读数字”警报:

function site_change() {{
         var sites= document.getElementById('sitesinput').value;    
         var sum= 0;
         var inputs= document.getElementById('inputsite').getElementsByTagName('input');
         for (var i= inputs.length; i-->0;) {
             var v= inputs[i].value.split(',').join('.').split(' ').join('');
             if (isNaN(+v))
                 alert(inputs[i].value+' is not a readable number');
             else
                 sum+= +v;
         }
         var phones= document.getElementById('phonesinput').value;
         document.getElementById('siteresult').innerHTML = phones-sum;
    };

}

需要包含的输入示例是:

<input name="site1" type="text" size="3" value="0" />

这需要排除:

<input name="site1PC" type="text" size="7" maxlength="7"/>

如何调整函数，使其只选择名为 site1、site2、site3 等的，而不是 site1PC、site2PC、site3PC 等等？

谢谢，本。

Answer 1

添加if (inputs[i].getAttribute('name').match(/^site\d+$/))

function site_change() {
         var sites= document.getElementById('sitesinput').value;    
         var sum= 0;
         var inputs= document.getElementById('inputsite').getElementsByTagName('input');
         for (var i= inputs.length; i-->0;) {
            if (inputs[i].getAttribute('name').match(/^site\d+$/))
            {
             var v= inputs[i].value.split(',').join('.').split(' ').join('');
             if (isNaN(+v))
                 alert(inputs[i].value+' is not a readable number');
             else
                 sum+= +v;
            }
         }
         var phones= document.getElementById('phonesinput').value;
         document.getElementById('siteresult').innerHTML = phones-sum;
    };

}