Action-toimintojen validointivirheiden käsittely
Palauttakaa validointivirheet ja täyttäkää lomakekentät uudelleen fail()-funktion ja ActionData-tietojen avulla.
Action-toimintojen validointivirheiden käsittely on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
fail-apufunktio
Palauta fail()-funktiolla validointivirheet ja muu kuin 2xx-statuskoodi ilman virheen heittämistä.
import { fail } from "@sveltejs/kit";
if (!email) return fail(400, { email, missing: true });HTTP-statuskoodi
Ensimmäinen argumentti on HTTP-status (validoinnissa yleensä 400).
Virhekuorma
Toinen argumentti on sivulle lähetettävä tieto. Sisällytä käyttäjän syöte, jotta kentät voidaan täyttää uudelleen.
Lukeminen sivulla
Sivu vastaanottaa toiminnon tuloksen form-proppina.
<script>
export let form;
</script>
{#if form?.missing}<p>Please enter an email.</p>{/if}Kenttien täyttäminen uudelleen
Palauta lähetetty arvo fail-funktion kautta ja täytä kentät valmiiksi, jotta käyttäjän ei tarvitse kirjoittaa tietoja uudelleen.
<input name="email" value={form?.email ?? ""} />Kenttäkohtaiset virheet
Käytä kullekin kentälle omaa virheavainta, jotta käyttöliittymästä tulee yksityiskohtaisempi.
return fail(400, { errors: { email: "Invalid" } });Yhdistä skeemavalidointiin
Käytä palvelimella esimerkiksi Zod- tai Valibot-kirjastoa tyyppiturvalliseen jäsentämiseen.
Vältä virheen heittämistä validoinnissa
Virheen heittäminen johtaa virhesivulle, kun taas fail pitää käyttäjän lomakkeella.
Lomakkeen tyhjentäminen onnistumisen jälkeen
Onnistumisen jälkeen tyhjennä lomakkeen tila palauttamalla tyhjät arvot tai ohjaamalla käyttäjä uudelleen.
Käyttö use:enhancen kanssa
Lomakkeen prop päivittyy ilman uudelleenlatausta enhancen ansiosta.
Saavutettavuus
Ilmoita virheistä aria-live-alueen avulla, jotta ruudunlukijat lukevat ne.
Pikatarkistus
Mitä fail() palauttaa?
Kertaus
Käytä fail()-funktiota validointivirheisiin. Sivu lukee virheet form-propista ja näyttää käyttäjälle selkeän palautteen.
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 41
- Oppitunnit
- 163
Usein kysytyt kysymykset
Onko oppitunti ”Action-toimintojen validointivirheiden käsittely” ilmainen?
Kyllä – oppitunnin ”Action-toimintojen validointivirheiden käsittely” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Action-toimintojen validointivirheiden käsittely”?
Palauttakaa validointivirheet ja täyttäkää lomakekentät uudelleen fail()-funktion ja ActionData-tietojen avulla. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.
Kuinka kauan ”Action-toimintojen validointivirheiden käsittely”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Sveltejs Academy-oppitunnilla?
Kyllä. Jokainen Sveltejs Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- +page.server.js ja action-toiminnot
- use:‑direktiivi
- Lomakkeiden progressiivinen parantaminen
- Action-toimintojen validointivirheiden käsittely