diff --git a/src/forgot-password/ForgotPasswordPage.jsx b/src/forgot-password/ForgotPasswordPage.jsx index 165fd6e2..c88ed4be 100644 --- a/src/forgot-password/ForgotPasswordPage.jsx +++ b/src/forgot-password/ForgotPasswordPage.jsx @@ -18,15 +18,20 @@ import RequestInProgressAlert from './RequestInProgressAlert'; import { LOGIN_PAGE } from '../data/constants'; import LoginHelpLinks from '../logistration/LoginHelpLinks'; -const validateEmail = (e, values, setFieldValue) => { - const inputEmail = e.target.value; - const isEmailValid = inputEmail.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i); - setFieldValue('email', inputEmail); - setFieldValue('isEmailValid', isEmailValid !== null); -}; - const ForgotPasswordPage = (props) => { const { intl, status } = props; + let invalidEmailMessage; + + const validateEmail = (e, setFieldValue) => { + invalidEmailMessage = intl.formatMessage(messages['logisration.forgot.password.page.invalid.email.message']); + const inputEmail = e.target.value; + const isEmailValid = inputEmail.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i); + setFieldValue('email', inputEmail); + setFieldValue('isEmailValid', isEmailValid !== null); + if (inputEmail.length < 3) { + invalidEmailMessage = `${intl.formatMessage(messages['logisration.forgot.password.page.email.invalid.length.message'])} ${invalidEmailMessage}`; + } + }; return ( { className="mb-0" for="email" invalid={!values.isEmailValid} - invalidMessage={intl.formatMessage( - messages['logisration.forgot.password.page.invalid.email.message'], - )} + invalidMessage={invalidEmailMessage} >