feat: Client side validation for Signup and Login

This commit is contained in:
April Hall 2025-02-22 15:44:43 -05:00
parent d61625771e
commit 5782831ea6
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C
2 changed files with 10 additions and 2 deletions

View File

@ -4,9 +4,13 @@
import { Input } from '$lib/components/ui/input/index.js';
import { Label } from '$lib/components/ui/label/index.js';
import { superForm } from 'sveltekit-superforms';
import { zodClient } from 'sveltekit-superforms/adapters';
import { loginSchema } from '$lib/types/login';
let { data } = $props();
const { form, errors, message, enhance } = superForm(data.form);
const { form, errors, message, enhance } = superForm(data.form, {
validators: zodClient(loginSchema),
});
</script>
<svelte:head>

View File

@ -4,9 +4,13 @@
import { Input } from '$lib/components/ui/input/index.js';
import { Label } from '$lib/components/ui/label/index.js';
import { superForm } from 'sveltekit-superforms';
import { zodClient } from 'sveltekit-superforms/adapters';
import { signupSchema } from '$lib/types/signup.js';
let { data } = $props();
const { form, errors, message, enhance } = superForm(data.form);
const { form, errors, message, enhance } = superForm(data.form, {
validators: zodClient(signupSchema),
});
</script>
<svelte:head>