我是React JS的初学者。我有一个用例,我想更正用户在<input type='number>
字段中输入的数字。
默认情况下,用户可以输入带有前导零的数字,如0002或-0042等。
我希望在用户输入数字时删除前导零。此外,用户应该能够输入小数和负数。我已经使用onBlur
完成了这一操作,但我希望以某种方式在onChange方法本身完成这一操作。
onChange=()=>{ ... }
<input type = 'number' onChange={onChange}>
我是React JS的初学者。我有一个用例,我想更正用户在<input type='number>
字段中输入的数字。
默认情况下,用户可以输入带有前导零的数字,如0002或-0042等。
我希望在用户输入数字时删除前导零。此外,用户应该能够输入小数和负数。我已经使用onBlur
完成了这一操作,但我希望以某种方式在onChange方法本身完成这一操作。
onChange=()=>{ ... }
<input type = 'number' onChange={onChange}>
5条答案
按热度按时间e3bfsja21#
我想让它在用户输入数字时删除前导零。
可以使用
String.replace
删除前导零:(我假设你不想在用户输入的时候改变他们的输入,那将是非常糟糕的UI设计。)
kxeu7u2r2#
您可以使用regex从开头删除零:
/^0+/
在您的情况下:
xxhby3vn3#
你可以简单地把value乘以1,就像这样:
这样,用户不能键入前导零
vybvopom4#
根据您的描述,您可以使用
parseFloat()
函数解决此问题。此函数将删除前导零,并将输入值转换为十进制/分数。代码应如下所示:oxiaedzo5#
像这样的东西吗