React input number

    <input type="text" pattern="[0-9]*"
     onInput={this.handleChange.bind(this)} value={this.state.financialGoal} />

Source: stackoverflow.com

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 vote423 views1 answer
React variable in stirng
Javascript React
0 vote394 views3 answers
Get url parameter in react js
Javascript React
1 vote410 views3 answers
Click outside React component
Javascript React
0 vote378 views1 answer
React.js file extension
Javascript React
3 votes342 views1 answer
React native netinfo
Javascript React
1 vote363 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
10 votes380 views1 answer
Device height react native
Javascript React
1 vote425 views1 answer
React repeat
Javascript React
0 vote403 views1 answer
Vscode react cannot find moudle when import image
Javascript React
8 votes383 views1 answer
Update object in react hooks
Javascript React