react native text input allow only numbers

Hardik Savani answered on December 16, 2020 Popularity 1/10 Helpfulness 1/10

answer react native text input allow only numbers

related react native textInput numbers only

related react allow only numbers in input

related react native text input number only

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

Contributed on Jun 13 2022

Hardik Savani

0 Answers Avg Quality 2/10

Closely Related Answers

react native textInput numbers only

Comment

<TextInput 
   style={styles.textInput}
   keyboardType='numeric'
   onChangeText={(text)=> this.onChanged(text)}
   value={this.state.myNumber}
   maxLength={10}  //setting limit of input
/>

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 21 2021

Energetic Elephant

0 Answers Avg Quality 2/10

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 inpu

Link to this answer
Share Copy Link

Contributed on Dec 30 2020

Frail Fox

0 Answers Avg Quality 2/10

react native text input number only

Comment

keyboardType='numeric'

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Dec 16 2020

jwstanly

0 Answers Avg Quality 2/10

react native text input allow only numbers

Contents

More Related Answers

react native text input allow only numbers

Closely Related Answers

react native textInput numbers only

react allow only numbers in input

react native text input number only

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.