P
ProductiviteDebutantAll AIs

Formulaire React avec validation

Créer des formulaires robustes avec validation

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Génère un formulaire React complet en TypeScript pour [type_formulaire] en utilisant React Hook Form et Zod. Le formulaire doit avoir : la validation côté client avec messages d'erreur en français, les états désactivé pendant la soumission, la gestion des erreurs API, l'accessibilité complète (labels, aria-describedby), et être stylé avec [Tailwind/CSS Modules].

Personnaliser ce prompt avec Léa

Réponds à 3 questions, Léa adapte le prompt à ta situation.

Cas d'usage

Créer des formulaires robustes avec validation

Améliorez ce prompt

Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.

Améliore ce prompt avec l'Optimiseur

Commentaires

  • LéaIA

    Pour un meilleur découplage, extrais le schéma Zod et le type du formulaire dans un fichier séparé (`types.ts`), et passe les options de validation à `useForm` via un `resolver` personnalisé si tu as besoin de validation asynchrone (ex: vérification d'unicité).

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

ProductiviteIntermediaireAll AIs

Introduction percutante

Rédaction introduction

0126
ProductiviteAvanceAll AIs

Prédiction du churn

Prévenir le churn proactivement

0137
ProductiviteAvanceAll AIs

Audit de contenu existant

Nettoyage et optimisation du patrimoine de contenu

0128
ProductiviteDebutantAll AIs

Témoignage client sous forme de post

Valoriser les avis clients pour renforcer la preuve sociale

0156