javascript - 如何阻止空输入字段影响表单中的计算

Question

我有一个表格可以计算一组用户输入值的总和和平均值。用户可以动态添加输入字段，以便他们可以根据需要找到任意数量的数据值的总和和平均值。我正在尝试证明，如果他们碰巧添加了一个字段但将其留空，则该输入字段将在计算中被忽略。当前留空时，表单返回'NaN,NaN'。这个我试过了

$(':input[value=""]').attr('name', ''); 

基于快速搜索，但没有达到预期效果(表单仍然返回'NaN,NaN'。

当用户使用以下 jQuery 单击按钮时执行计算

$(".calc").click(function() {
   $("input[type=text]").each(function() {
    arr.push($(this).val());
    sum += parseInt($(this).val());       
  });

  var n = arr.length;
  var AVG = (sum / n);
  alert(sum + "," + AVG);
  arr = [];
  sum = 0;
});

有什么建议吗？

Answer 1

像下面这样尝试。我还添加了 trim 来过滤空白区域。

$(".calc").click(function() {
   $("input[type=text]").each(function() {
    arr.push($(this).val().trim() || 0);
    sum += parseInt($(this).val().trim() || 0);       
  });

  var n = arr.sort().filter(function(i){return i}).length;
  var AVG = (sum / n);
  alert(sum + "," + AVG);
  arr = [];
  sum = 0;
});