Générateur de validation
Générez un schéma Yup ou Zod
Champs
Schéma de validation
Choisissez Yup ou Zod, ajoutez vos champs puis cliquez sur « Générer » : le schéma apparaîtra ici.
À propos de l'outil
Cet outil écrit pour vous le schéma de validation d’un formulaire avec Zod ou Yup, les deux bibliothèques les plus utilisées en TypeScript. Il évite de retaper les mêmes règles à chaque nouveau formulaire d’inscription, de contact ou de paiement, et donne un point de départ propre à compléter dans votre projet React, Next.js ou Node.
Chaque champ reçoit un nom et un type : chaîne, nombre, booléen, date, URL ou e-mail. Vous pouvez le rendre requis et fixer un minimum et un maximum, appliqués à la longueur pour le texte et à la valeur pour les nombres. Le code généré contient l’import, l’objet schema et le type Schema déduit avec z.infer ou yup.InferType.
Comment l'utiliser
- Choisissez Yup ou Zod dans « Sélectionner une bibliothèque ».
- Cliquez sur « Ajouter un champ », puis renseignez « Nom du champ » et « Type du champ ».
- Cochez « Requis », « Minimum » ou « Maximum » selon vos règles et indiquez les valeurs.
- Cliquez sur « Générer le schéma », puis sur « Copier » pour récupérer le code.
Questions fréquentes
Les options Minimum et Maximum s’appliquent-elles à tous les types ?
Non. Pour les chaînes, les URL et les e-mails, elles limitent la longueur du texte ; pour les nombres, elles bornent la valeur. Elles sont ignorées pour les booléens et les dates. L’outil signale aussi un minimum supérieur au maximum.
Comment sont traités les champs non requis ?
Avec Zod, un champ non coché « Requis » reçoit .optional() ; avec Yup, seuls les champs requis reçoivent .required(), car Yup les considère facultatifs par défaut. Les dates utilisent z.coerce.date() avec Zod, ce qui accepte aussi une chaîne de date.
Le schéma est-il généré par une IA ?
Non. Le code est construit directement à partir des champs saisis, avec des règles fixes : le même formulaire donne toujours le même schéma. La génération se fait dans votre navigateur, sans appel à un serveur.
Puis-je obtenir le type TypeScript du formulaire ?
Oui. Le code se termine par export type Schema, déduit du schéma avec z.infer pour Zod ou yup.InferType pour Yup. Vous pouvez donc typer les valeurs de votre formulaire sans écrire l’interface à la main.