从 html5 的输出中移除 NaN

Question

我的 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>

Answer 1

我在 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/

Answer 2

使用它可以解决问题

<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>

从 html5 的输出中移除 NaN

remove NaN from output in html5

html

nan