Haddok - Hi everyone , i have to use zod in my ...

Hi everyone , i have to use zod in my javascript environment
i have defined a schema , that has multiple fields
the entire schema validation works perfectly ,

but for javascript i am not sure how to use

schema.shape.safeparse for onchange validation
as the the error is .shape is undefined , can anyone guide me what to do ? or is it possible ?

any help will be greatly appreciated

Solution

Hi there , thank you for your answer
So basically i have a schema like this

const testSchema = z.object({
  hello: z.string(),
  there: z.number(),
  this : z.string(),
   is: z.number()
})

const testSchema = z.object({
  hello: z.string(),
  there: z.number(),
  this : z.string(),
   is: z.number()
})

what i want to do is use the schema to validate the data before i submit the form , which works fine , but also make each key validate on change of their respective input field. i wrote something like this - >

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

it has to be javascript.

but here the error comes that shape is undefined .

EDIT:

After a few trial and error i found out , that for javascript what i had to change was add a sourcetype call before the shape call --

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.sourceType().shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.sourceType().shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

Thanks @janglad

Jump to solution

Haddok - Hi everyone , i have to use zod in my ...

Solution

Hi there , thank you for your answer
So basically i have a schema like this

const testSchema = z.object({
  hello: z.string(),
  there: z.number(),
  this : z.string(),
   is: z.number()
})

const testSchema = z.object({
  hello: z.string(),
  there: z.number(),
  this : z.string(),
   is: z.number()
})

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.sourceType().shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

const handleOnchangeInput = (fieldname, value) => {
  console.log(testSchema.sourceType().shape[fieldname].safeParse(value))
  setTest({...test, [fieldname] : value})
}

Thanks @janglad

Jump to solution

Haddok - Hi everyone , i have to use zod in my ...

Haddok - Hi everyone , i have to use zod in my ...

Similar Threads

Similar Threads

Similar Threads