Question

我的html5输出有问题。使用autosum，当我删除一个数字时，输出显示的文本框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

2 个答案: