从输入类型=数字中删除前导零

Question

我注意到,如果我使用<input type="number" />前导零没有被删除.我还看到了很多关于如何保持领先零的讨论.

例如,"000023"和"23"是相同的数字,我认为保持这些零没有意义.

Answer 1

只需使用这样的正则表达式

textboxText= textboxText.replace(/^0+/, '')

Answer 2

我将举一个使用用法的例子。它使用state哪个存储字段的值。但是，我认为您可以将其替换为您喜欢的任何变量。

<input type='number' value={Number(this.state.myNumber).toString()}/>

以我为例，myNumber存储年号。这样，2018例如，年份不会错误地显示为02018。

Answer 3

HTML 输入标签总是返回文本，而不是数字，甚至它的内容可以被强制转换为数字格式、日期等......

因此接下来您应该将该输入转换为实际的数字格式：

parseInt(myNum); // If you expect an integer.
parseFloat(myNum); // If you expect floating point number.