diff --git a/src/SignupPage.tsx b/src/SignupPage.tsx index bbbe835..25e8dfe 100644 --- a/src/SignupPage.tsx +++ b/src/SignupPage.tsx @@ -35,6 +35,8 @@ interface FormErrors { errorGeneral?: string; } +const PASSWORD_MIN_LENGTH = 8; + export default function SignupPage() { const credentials = useCredentials(); const dispatch = useDispatch(); @@ -66,6 +68,8 @@ export default function SignupPage() { } if (!password) { errors.errorPassword = fieldRequired; + } else if (password.length < PASSWORD_MIN_LENGTH) { + errors.errorPassword = `Passwourds should be at least ${PASSWORD_MIN_LENGTH} digits long.`; } if (process.env.NODE_ENV !== "development") { @@ -197,6 +201,7 @@ export default function SignupPage() { helperText={errors.errorPassword} label="Password" name="password" + inputProps={{ minLength: PASSWORD_MIN_LENGTH }} value={password} onChange={handleInputChange(setPassword)} />