/Javascript/React/React allow only numbers in input

React allow only numbers in input

class App extends React.Component{
   constructor(){
      super();
      this.state = {value: ''};
      this.onChange = this.onChange.bind(this)
   }
   
   onChange(e){
      const re = /^[0-9\b]+$/;
      if (e.target.value === '' || re.test(e.target.value)) {
         this.setState({value: e.target.value})
      }
   }
   
   render(){
     return <input value={this.state.value} onChange={this.onChange}/>
   }
}

ReactDOM.render(<App/>,document.getElementById('app'))

Source: stackoverflow.com

Similar codes

0 vote158 views1 answer
React node github project
Javascript React
10 votes200 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote205 views1 answer
Yarn react select
Javascript React
2 votes314 views1 answer
Set dynamic route in link react js
Javascript React
13 votes217 views4 answers
React deep copy
Javascript React
1 vote184 views1 answer
Audio in react
Javascript React
0 vote238 views1 answer
Hide react from netlify
Javascript React
0 vote227 views1 answer
How to use adminlte in reacts
Javascript React
23 votes303 views2 answers
Reactjs app change port
Javascript React
-5 votes232 views3 answers
Use ref in component reactjs
Javascript React