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

ProductiviteAvanceAll AIs

Contre-headlines (angle contre-intuitif)

Différenciation, marchés saturés

0109
ProductiviteAvanceAll AIs

Prévoir les évolutions clés de votre secteur

Obtenez une analyse prospective complète de votre secteur avec analyse PESTEL, scénarios d'évolution et feuille de route stratégique.

208386
ProductiviteIntermediaireAll AIs

Bootstrap et intervalles de confiance

Estimer l'incertitude d'une métrique

097
ProductiviteAvanceAll AIs

Protocole de communication en cas d'incident

Gérer la communication de crise en milieu scolaire

0111