从html5输出中删除NaN

问题描述:

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

+0

(强制性[最好指定'parseInt''radix'参数](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt#Octal_interp retations_with_no_radix)现在警告) –

我对的jsfiddle一出戏,这是你以后在做什么?如果parseInt值不是一个整数,那么它使用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/

使用该修复该问题

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