/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

5 votes201 views3 answers
Open in a new tab react
Javascript React
0 vote230 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote197 views1 answer
How to disable react in jsx scope eslint
Javascript React
1 vote202 views1 answer
How to get the value of textarea in react
Javascript React
1 vote199 views1 answer
Change react native app name
Javascript React
1 vote237 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
15 votes234 views3 answers
Create react app and tailwind
Javascript React
22 votes211 views4 answers
Npm react copy to clipboard
Javascript React
6 votes213 views1 answer
React hooks scss supoort
Javascript React
0 vote212 views1 answer
Reference hook in react
Javascript React