title: How to validate input type="number" in ReactJS?
body: <p>I have a problem with validation of HTML element <strong>input type="number"</strong> in <strong>ReactJS</strong> Application:</p>
  
  <pre><code>render() {
      return (
          &lt;input type="number" onBlur={this.onBlur} /&gt;
      );
  },
  
  onBlur(e) {
      console.log(e);
  }
  </code></pre>
  
  <p><strong>The log is:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/0AOkA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0AOkA.png" alt="enter image description here"></a></p>
  
  <p>Everything is ok on desktop application, but on mobile there is a problem.
  User can change the keyboard and enter everything he wants.
  So I wanted to fix it using validation. When I try to catch the value the user enter, I get this log. It's like React is just hiding this incorrect value.</p>
  
  <p>How can I fix it?
  Or there is another way how to validate <strong>input type="number"</strong> in <strong>ReactJS</strong> Application?</p>
  
  <p>Thanks in advance.</p>