/Javascript/React/React input number validation

React input number validation

// Validation with REGEX
const rx_live = /^[+-]?\d*(?:[.,]\d*)?$/;

class TestForm extends React.Component {
  constructor() {
    super();
    this.state = {
      depositedAmount: ''
    };
  }

  handleDepositeAmountChange = (evt) => {
    if (rx_live.test(evt.target.value))
        this.setState({ depositedAmount : evt.target.value });
 }
  
  render() {
    return (
      <form>
       <input
        type="text"
        id="depositedAmount"
        maxLength={9}
        pattern="[+-]?\d+(?:[.,]\d+)?"
        placeholder="Enter amount"
        onChange={this.handleDepositeAmountChange}
        value={this.state.depositedAmount}
       />
      </form>
    )
  }
}

Source: stackoverflow.com

Similar codes

0 vote369 views4 answers
React native biometrics sign in
Javascript React
0 vote385 views1 answer
How to submit form in reactjs and send data in json
Javascript React
114 votes416 views3 answers
React init
Javascript React
21 votes388 views5 answers
How to add a shadow react native
Javascript React
0 vote353 views1 answer
Scroll load react
Javascript React
5 votes377 views3 answers
How to open a new tab in react
Javascript React
0 vote366 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
2 votes383 views3 answers
React native swiper
Javascript React
0 vote395 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
1 vote374 views1 answer
Column width table react
Javascript React