J'ai essayé de suivre le tutoriel de vérification zod en svelte. Je n'ai aucune expérience avec cela (svelte), donc je me demande comment puis-je reproduire cette fonctionnalité de code dans une simple application React/next ? Je suis bloqué sur ce qui ({request}) sera/sera transmis à la fonction asynchrone.
De plus, cela devrait-il être fait dans useEffect ou uniquement appelé lors de la soumission du formulaire ?
export const actions = { default: async ({ request }) => { const formData = Object.fromEntries(await request.formData()); console.log('Form Data:', formData); try { const result = registerSchema.parse(formData); console.log('SUCCESS'); console.log(result); } catch (err) { const { fieldErrors: errors } = err.flatten(); const { password, passwordConfirm, ...rest } = formData; return { data: rest, errors }; } };
Voici le référentiel de ce tutoriel : https://github.com/huntabyte/sveltekit-form-validation/blob/main/src/routes/%2Bpage.server.js
Voici ce que j'ai fait :
Dans l’ensemble, je trouve que cette approche fonctionne bien et est facile à comprendre et à mettre en œuvre. Quant à votre question sur l'endroit où placer le code de validation, je suggérerais de l'appeler lors de la soumission du formulaire plutôt que de l'appeler dans useEffect.