Vanilla JavaScript, HTML & CSS
- The user should be able to enter a new password and confirm it on the same page.
- If the user's new password and confirmation password do not match, an error message should be displayed on the page.
- If the user's new password does not follow the specified pattern, an error message should be displayed on the page, and a red circle should be shown instead of the green right circle that appears when the password is correct.
- The specific password pattern that the user's new password should follow includes:
- At least one lowercase character (a-z)
- At least one uppercase character (A-Z)
- At least one special character (!@#$%^&*()_+-=[]{}|;':",./<>?)
- At least one numeric character (0-9)
- Minimum length of 8 characters