Formik, Yup - How to check is Decimal number

Question

I have a schema:

const SignupSchema = Yup.object().shape({
  decimal: Yup.number().integer('invalid decimal'),
});

I need to check is number is decimal, but I found only Integer in docs

Answer 1

const digitsOnly = (value: string) => /^\d*[\.{1}\d*]\d*$/.test(value) || value.length === 0



const schema = yup.object().shape({
    inputEntry: yup
            .string()
            .test('inputEntry', 'The field should have digits only', digitsOnly)
});

Above code is used for allowing only decimal,whole and null values in the input field.

Answer 2

You can add a custom validation test e.g. with regex.

const SignupSchema = Yup.object().shape({
  decimal: Yup.number().test(
    'is-decimal',
    'invalid decimal',
    value => (value + "").match(/^\d*\.{1}\d*$/),
  ),
});