The login form is a standard form. We’ll capture the users email address and password. Clicking on the Sign in button will prompt the application to check the credentials against what’s in the database. If the credentials do not match, the user is returned to the login page with the following error message displayed: The provided credentials do not match our records.
If either email address or password is not entered, the following error messages are displayed:
- Email address not entered: The email field is required
- Password not entered: The password field is required
The following image is the workflow of the login page:
If a visitor regularly visists the website, they can check the remember me checkbox which will automatically remember their user login details. In most cases, the user login information is stored in the form of a cookie in the web browser.
The process the user needs to take apply the remember me functionality is to enter theri email address and password and then check the Remember Me checkbox. The user won’t see anything noticable as they will granted access to the site if the credentials are correct. Next time when the user visits the login page, their credentials will be remembered and the fields will be populated with their credentials.
The forgot password feature will allow the user to reset their password. Clicking on the Forgot Password? link on the login page, will redirect the user to a page to enter their email address.
If no email is entered and the user clicks the Send password reset link button, the following error message is displayed: The email field is required
If the email address entered does not exist in the database, the following error message is displayed: The user does not exist
Once their email address is entered and they click on Send password reset link button, an email is sent to the users email address with a link, which once clicked will take them to a page where they can enter a new password. The rule for entering a new password is that it must contain:
- one uppercase character
- one numeric value
- one special character
The rules are updated as the user types, so if a special character is entered, a green tick will appear against the special character rule.
If the password entered does not contain either of the above mentioned character, a cross is displayed against the rule.
If the password meets the rules mentioned above a green tick is displayed.
Once the user has entered a new password along with the confirmation password, the Reset Password button must be clicked. The user will be redirected back to the login page with the following success message displayed: Password Successfully Updated.
If the passwords entered do not match, the following error message is displayed once the Reset Password button is clicked.
If either the password field or the confirm password field are left blank, either of the following error messages are displayed:
- Password field is required
- Confirm password field is required