javascriptreactjsnumbersformikyup

how to correctly use Yup/formik number validation ReactJs

I'm using a simple number type validation

number: Yup.number()
.required("Required")
.max(100000000, "To big")
.min(0, "Not negative number")

my problem is ,in the entry of the field, I can add only one letter the "e", I do not understand why

example "12e3"

while I would like to enter only numbers

example "123"

Solution

  • There is more than one way to achieve your only number input. The problem is not yup.

    1. check your input before sending. Exclude using ASCII
    2. check your input before sending. Exclude using Regex1 or Regex2
    3. change your input form type to number from basic html