diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 3fd697b..967e4a6 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -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>
diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte
index 6ed7690..355d956 100644
--- a/src/routes/signup/+page.svelte
+++ b/src/routes/signup/+page.svelte
@@ -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>