Impressum

src/app/(auth)/signup/page.tsx

@@ -125,7 +125,13 @@ export default function SignupPage() {
               />
 
               <div className="flex items-start">
-                <input type="checkbox" className="mr-2 mt-1" required />
+                <input
+                  type="checkbox"
+                  className="mr-2 mt-1"
+                  required
+                  onInvalid={(e) => (e.target as HTMLInputElement).setCustomValidity('Please check this box if you want to proceed')}
+                  onInput={(e) => (e.target as HTMLInputElement).setCustomValidity('')}
+                />
                 <label className="text-sm text-gray-600">
                   I agree to the{' '}
                   <Link href="/terms" className="text-primary-600 hover:text-primary-700">