Making a number only text input

Posts about front end dev

Posted on

24/10/2024

On your input add this

onInput={(e) => e.target.value = e.target.value.replace(/[^0-9]/g, '')}

This will only allow number characters

onInput={(e) => e.target.value = e.target.value.replace(/[^0-9.]/g, '').replace(/([^.]*\.[^.]*)\./g, '$1')}

This will allow 1 decimal to be added in addition to numbers

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.