feat: add invalid state after invalid submission attempt

frameless · Jul 9, 2023 · c2111e8 · c2111e8
1 parent f375e8a
commit c2111e8
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/pages/persoonsgegevens/[person].tsx b/pages/persoonsgegevens/[person].tsx
@@ -212,6 +212,7 @@ export default function MultistepForm1() {
                       id="tel"
                       type="tel"
                       autoComplete="tel"
+                      invalid={!formState.isValid && formState.isSubmitted}
                       {...register("phoneNumber", { required: true })}
                     />
                   </FormField>
@@ -230,6 +231,7 @@ export default function MultistepForm1() {
                       type="email"
                       autoComplete="email"
                       aria-describedby="email-description"
+                      invalid={!formState.isValid && formState.isSubmitted}
                       {...register("email", { required: true })}
                     />
                   </FormField>