从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>
答
我对的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>
答
使用该修复该问题
<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>
(强制性[最好指定'parseInt''radix'参数](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt#Octal_interp retations_with_no_radix)现在警告) –