Input element that type is'number' does not meet expectations

[MrErHu]

For Example:

<input type="number" onChange={this._onChange} />

In Chrome, you cannot type a non-number character, in Safari And Firefox, You can type non-number character ,but in this moment value of Change is empty string ""。How can solve this problem?

[Necmttn]

it's actually not react issue. if you try to open MDN specs in safari or firefox . <input type="number" /> will have similar behavior.
first of all check this
https://facebook.github.io/react/docs/forms.html

if you wanna have number validation
Check this example.
https://codepen.io/Necmttn/pen/PKQNxw?editors=0010

[aweary]

Hey @MrErHu! This is a known issue and a duplicate of #6556. As mentioned, this is mostly browser-dependent and there's no easy way for React to prevent this since the browser isn't triggering the event with the data we need to detect and prevent this. Please refer to #6556 for more information. Thanks!

[aweary]

Duplicate of #6556

[MrErHu]

@aweary Thank you so much!!

[MrErHu]

@Necmttn the demo you provided is not suitable for me, because I need "type" to call virtual keyboards in mobile phone.

[Necmttn]

make it number won't change effect tough. but you need to play with css a bit to hide s spin toolbox

check
https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box