从 html5 的输出中删除 NaN答案

【问题标题】：remove NaN from output in html5从 html5 的输出中删除 NaN
【发布时间】：2016-04-26 08:33:45
【问题描述】：

我的 html5 输出有问题。使用自动求和，当我删除一个数字时，输出在文本框NaN 中不显示数字。

如何删除它？

<form method="POST" oninput="result.value=parseInt(value1.value)+parseInt(value2.value)">
    <input type="number" id="value1" value="0"> +
    <input type="number" id="value2" value="0"> =
    <output name="result" for="value1 value2"></output>
</form>

【问题讨论】：

（强制best to specify the parseInt radix parameter 暂时警告）

标签： html nan

【解决方案1】：

使用它可以解决问题

<form method="POST" oninput="result.value=parseInt(value1.value?value1.value:0)+parseInt(value2.value?value2.value:0)">
    <input type="number" id="value1" value="0"> +
    <input type="number" id="value2" value="0"> =
    <output name="result" for="value1 value2"></output>
</form>

【讨论】：

【解决方案2】：

我玩过 JSfiddle，这就是你想要的吗？如果 parseInt 的值不是 int，则它使用 0。

<form method="POST" oninput="result.value=(parseInt(value1.value) || 0)+(parseInt(value2.value) || 0)">
  <input type="number" id="value1" value="0"> +
  <input type="number" id="value2" value="0"> =
  <output name="result" for="value1 value2"></output>
</form>

https://jsfiddle.net/5acLpxqs/

【讨论】：