react allow only numbers in input

Frail Fox answered on December 30, 2020 Popularity 10/10 Helpfulness 9/10

answer react allow only numbers in input

related react native text input allow only numbers

react allow only numbers in input

Comment

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'))

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: input javascript numbers

Link to this answer
Share Copy Link

Contributed on Dec 30 2020

Frail Fox

0 Answers Avg Quality 2/10

Closely Related Answers

react native text input allow only numbers

Comment

const onChanged = (text) => {
        let newText = '';
        let numbers = '0123456789';
    
        for (var i=0; i < text.length; i++) {
            if(numbers.indexOf(text[i]) > -1 ) {
                newText = newText + text[i];
            }
            else {
                alert("please enter numbers only");
            }
        }
        setNumber(newText);
    }

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.mywebtuts.com

Tags: input javascript numbers react-native text

Link to this answer
Share Copy Link