optional validation of subschema

[logemann]

I have this kind of form where i can enable some form elements via a checkbox. Of course validation should only kick in when the field is enabled via checkbox. As you can see, the second checkbox just show a text input and the first one a more complex (address) form.

--

This is my ZOD Schema:

export const AddressFormSchema = z.object({
    street: z.string().min(2, {message: "Street is required"}),
    housenr: z.string().min(1),
    zip: z.string().min(4),
    city: z.string().min(3),
    country: z.string().min(2).default("DE")
});

export const LandlordFormSchema = z.object({
    alternateInvoiceEmailBoolean: z.boolean().optional(),
    alternateInvoiceEmail: z.string().optional(),
    alternateInvoiceAddressBoolean: z.boolean().optional(),
    alternateInvoiceAddress: AddressFormSchema.optional(),
}).merge(LandlordBaseFormSchema)
    .refine((input) => {
            if (input.alternateInvoiceEmailBoolean) {
                return z.string().email().safeParse(input.alternateInvoiceEmail).success;
            }
            return true;
        }, {path: ["alternateInvoiceEmail"], message: "Alternative Invoice Emailaddress is faulty"}
    ).refine((input) => {
            if (input.alternateInvoiceAddressBoolean) {
                console.log(input.alternateInvoiceAddress);
                return AddressFormSchema.safeParse(input.alternateInvoiceAddress).success;
            } else {
                return true;
            }
        }, {path: ["alternateInvoiceAddress"], message: "Alternative Rechnungsadresse fehlerhaft."}
    )

I ve bound my checkbox fields to the apropriate ZOD schema fields called *Boolean. Now i am trying to tell ZOD to only validate when the checkbox aka the *Boolean schema fields are TRUE. For "alternateInvoiceEmail" it works as expected because i dont have any validation on the attribute itself, just in the refinement.

But with alternateInvoiceAddress, i have of course validations because i use this schema in different places. Now what happens is, when i ve never enabled the address field, somehow the validation doesnt kick in and i can submit. When i enabled the address section and enter just one of those fields, which results correctly in an error, i cant disable the validations by just disabling the address section. Errors still remain.

Hope you know what i mean. I am using ZOD with react-hook-form but this doesnt play a big role in my question i assume.

Thanks for any help.