From 606ccef1dbd697453ae9efb269b4ba5a9b7f9e8d Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Tue, 30 Mar 2021 17:04:20 +0200
Subject: [PATCH] Clean email validation
Validation is still not working properly and will be improved in next versions
---
src/components/AuthUser/SignInForm/SignInForm.tsx | 15 +++++++--------
1 file changed, 7 insertions(+), 8 deletions(-)
diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx
index 866b5df..af58f72 100644
--- a/src/components/AuthUser/SignInForm/SignInForm.tsx
+++ b/src/components/AuthUser/SignInForm/SignInForm.tsx
@@ -33,13 +33,11 @@ export const SignInForm: FC = () => {
};
const { control, register, errors, handleSubmit } = useForm<FormData>({
- mode: 'onChange',
- reValidateMode: 'onChange',
defaultValues,
});
const onSubmit: any = (values: FormData) => {
- // Send data
+ alert(JSON.stringify(values));
};
const classes = useStyles();
return (
@@ -54,8 +52,9 @@ export const SignInForm: FC = () => {
control={control}
defaultValues
rules={{
- required: true,
- pattern: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+ validate: (value) =>
+ /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(value),
+ required: { value: true, message: 'You must enter your email' },
}}
render={() => (
<TextField
@@ -79,9 +78,9 @@ export const SignInForm: FC = () => {
control={control}
defaultValues
rules={{
- required: true,
- min: 8,
- max: 60,
+ minLength: 8,
+ maxLength: 60,
+ required: { value: true, message: 'You must enter your name' },
}}
render={() => (
<TextField
--
GitLab