Validate in real time

[darkel1098]

How can I validate the current input in real time?
this is my code:

export default function SearchForm() {

   const [lastResult, action] = useFormState(actionFormData, undefined);
   const [form, fields] = useForm({
      lastResult,
      onValidate({ formData }) {
         return parseWithZod(formData, { schema: formSchema });
      },
      shouldValidate: 'onInput',
   });

   return (
      <>
         <form id={form.id} onSubmit={form.onSubmit} action={action} className="mx-auto flex gap-4" noValidate>
            <Input
               key={fields.documentNumber.key}
               name={fields.documentNumber.name}
               placeholder='12345678'
               type='number' />
            <ButtonSubmit />
         </form>
      </>
   )
}

[edmundhung]

Your code looks legit to me. I would need a codesandbox or stackblitz to understand better.

[darkel1098]

apparently there are also conflicts with useFormState
https://stackblitz.com/edit/stackblitz-starters-iynxd7

[darkel1098]

With the help of a friend I managed to get real-time validation to work, thanks for responding.