Automatically apply HTML validation attributes based on zod schema

Is it possible to have the conform.input utility auto-apply HTML validation attributes based on the schema?

[edmundhung]

Most UI libraries allow you to override the ID. In any case, just because you can use a UI library that handles IDs, doesn’t mean it wouldn’t be handy to have this capability for when you’re not using a UI library for basic fields as well.

That makes sense. I will take a deeper look into the reach implementation. I think there are some limitations on these userland solutions. I might also make it a opt-in feature instead.

Seems like it’s difficult to convert a zod schema into HTML validations which is unfortunate. I may have to go with something more like remix-validity-state if that’s important to me. Still evaluating sweat_smile

This is the same story with yup as well. Since each of them has its own validation logic, e.g. ab@cd is considered a valid email in the browser but very likely not on yup or zod. I agree it would be really powerful if there is a solution that can lead the user to utilise these native browser constraint and understand when they are opting to custom validation. (e.g. In favor type and pattern to validate email instead of custom validate function).

I have started working on a draft APIs for it last 2 days. I will share more details once I have a concrete proposal. 😃

[brandonpittman]

Reach UI has an Auto ID module you could copy. I’d rather the IDs not be automatically added though, because you might be using something like React Aria that handles IDs itself.