Hafis Alrafi

Handle Input Numeric Only React with Hooks

2022-03-21

handleOnChangeNumber(e){
    const re = /^[0-9\b]+$/;

    // if value is not blank, then test the regex

    if (e.target.value === '' || re.test(e.target.value)) {
       setPhoneNumber(e.target.value)
    }
}
<input
	type="text"
  onChange={(e) => handleOnChangeNumber(e)}
  value={phoneNumber}
  placeholder="81200001111"
  pattern="\d*"
/>