/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

1 vote173 views1 answer
Breakline in react native
Javascript React
3 votes154 views1 answer
Navigation react pass props
Javascript React
0 vote143 views1 answer
Onclick hold react
Javascript React
0 vote218 views1 answer
React hook form reset only one field
Javascript React
25 votes177 views6 answers
React native shadow android
Javascript React
18 votes142 views5 answers
How to use svg in react js
Javascript React
0 vote183 views1 answer
React native counter
Javascript React
0 vote145 views1 answer
React rative release
Javascript React
0 vote152 views1 answer
React clone element
Javascript React
0 vote151 views1 answer
Calculations inside a render function react js
Javascript React