Unable to make checkbox required

[jnoahjohnson]

I am trying to make a checkbox required to be true within the zod schema, but the form is still submitting no matter what I have tried so far. There is an example that shows this on the website, but it just sets the default to false. It has a required indicator, but accepts either true or false.

Is there a way to do this currently?

[LandSprutte]

if you want to make a "Terms of Service" kinda check:

tos: z.custom((data) => data === true, { message: "You have to accept the terms of service", }),

and then make a custom field in your form for the "tos"-field :)

[jnoahjohnson]

Thank you!

[jnoahjohnson]

@LandSprutte Okay, so I am actually running into an issue with this. It looks like when I create a custom input then the data is coming through as just empty strings. Any idea on this?

[LandSprutte]

@jnoahjohnson try:

  tos: z.custom((data) => data, {
    message: "must accept TOS",
  }),

...... // other stuff

<Field name="tos" fieldType="boolean" type="checkbox" ....>
...
</Field>

You'll get the object { tos: "on" } 😉 and error message if not "checked"

[jnoahjohnson]

Perfect, that worked. Thank you!

[felipefreitag]

I'm closing this as completed since it seems the issue was resolved. Please feel free to reopen it if needed.

[mauscoelho]

Like this, you don't need to customise the Field

privacy: z.boolean().refine(value => value === true, { message: 'You must agree to the privacy statement' })