Keskitaso🚀 Aloitus

Lomakkeen luonti validoinnilla

Luo lomake täydellä validoinnilla ja virheviesteilä.

Prompti

Luo lomake [LOMAKKEEN_TARKOITUS] varten.

Kentät:
[KENTTÄLISTA]

Vaatimukset:
- Käytä React Hook Form -kirjastoa
- Zod-validointi
- Suomenkieliset virheviestit
- Näytä virheet kentän alla
- Loading-tila lähetyksen aikana
- Tailwind CSS tyyleille

Suomenkieliset vinkit

Suomenkieliset promptit toimivat hyvin Claude- ja GPT-4-malleissa
Teknisten termien suomennokset auttavat ymmärtämään konsepteja paremmin
Voit pyytää AI:ta selittämään koodia suomeksi oppimista varten

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[LOMAKKEEN_TARKOITUS]
[KENTTÄLISTA]

Esimerkki

Täytetty prompti

Luo lomake yhteydenottoa varten.

Kentät:
- Nimi (pakollinen, 2-50 merkkiä)
- Sähköposti (pakollinen, validi email)
- Puhelin (valinnainen, suomalainen numero)
- Viesti (pakollinen, 10-1000 merkkiä)

Vaatimukset:
- Käytä React Hook Form -kirjastoa
- Zod-validointi
- Suomenkieliset virheviestit
- Näytä virheet kentän alla
- Loading-tila lähetyksen aikana
- Tailwind CSS tyyleille

Tulos

Täydellinen lomakekomponentti validoinnilla.

Vinkit

Listaa kaikki kentät ja niiden säännöt
Pyydä suomenkielisiä virheviestejä
Muista loading- ja success-tilat

Milloin käyttää

Luot uuden lomakkeen
Tarvitset kunnollisen validoinnin
Haluat hyvän käyttäjäkokemuksen

Liittyvät promptit

Ensimmäinen komponentti

Luo uusi React-komponentti selkeällä rakenteella.

API-endpointin luonti

Luo uusi API-endpoint validoinnilla ja virheenkäsittelyllä.

Uuden projektin rakenne

Luo selkeä kansiorakenne ja perusrakenne uudelle projektille.

Hyödyllisiä resursseja

Lisää prompteja

Selaa kaikkia aloitus prompteja tai tutustu muihin kategorioihin.

Kaikki aloitus promptit Kaikki kategoriat