diff --git a/src/components/signupValidation.tsx b/src/components/signupValidation.tsx index 25727a60cf90d72548bd2c80f115ca2ed97a360f..6c07411755631b80c09662cd4455855bf9619028 100644 --- a/src/components/signupValidation.tsx +++ b/src/components/signupValidation.tsx @@ -39,7 +39,7 @@ const validation = (values: FormValues): FormErrors => { errors.password = "Password is required"; } else if (!passwordPattern.test(values.password)) { errors.password = - "Password must be at least 8 characters long, contain one uppercase letter, one lowercase letter, one number and one special character."; + "Password doesn't meet requirements"; } // Confirm password validation diff --git a/src/signup.tsx b/src/signup.tsx index 497b78c9e83b9ee8980b71040ee865f92b4b480c..a79c32a0cadd46377001f6c0764f99bc69d5de9e 100644 --- a/src/signup.tsx +++ b/src/signup.tsx @@ -84,6 +84,16 @@ const Signup: React.FC = () => { <div className="auth__body"> <div className="auth__form"> <h2>Sign up</h2> + <p> + Password requirements: + <ul> + <li>At least 8 characters long</li> + <li>One uppercase letter</li> + <li>One lowercase letter</li> + <li>One number</li> + <li>One special character</li> + </ul> + </p> <div className="auth__container"> {successMessage && ( <div className="auth__success-message">{successMessage}</div>