https://github.com/cobbyelsonfx/passwordvalidator

This is a login form that ensures a secure password is created by the user. It uses JavaScript to dynamically update the rules adjacent to the form to indicate which password requirements have been met. It also changes the background color of the form as well as the transition to a different background on device breakpoints.
https://github.com/cobbyelsonfx/passwordvalidator

css html5 javascript

Last synced: 7 days ago
JSON representation

This is a login form that ensures a secure password is created by the user. It uses JavaScript to dynamically update the rules adjacent to the form to indicate which password requirements have been met. It also changes the background color of the form as well as the transition to a different background on device breakpoints.

• Host: GitHub
• URL: https://github.com/cobbyelsonfx/passwordvalidator
• Owner: CobbyElsonfx
• Created: 2022-08-27T14:34:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T00:24:02.000Z (about 2 years ago)
• Last Synced: 2025-02-18T01:30:46.210Z (3 months ago)
• Topics: css, html5, javascript
• Language: HTML
• Homepage: https://cobbyelsonfx.github.io/PasswordValidator/
• Size: 5.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Secure Login Form

## This is a login form that ensures a secure password is created by the user. It uses JavaScript to dynamically update the rules adjacent to the form to indicate which password requirements have been met. It also changes the background color of the form as well as the transition to a different background on device breakpoints.

Features

## The login form includes the following features:

    * Validation of the password to ensure that it contains the necessary characters to make the password secure

    * Dynamic updating of password rules adjacent to the form to indicate which password requirements have been met

    * Changing the colors of the password rules to green as they are fulfilled by the user

    * Changing the background color of the form on different device breakpoints to make it responsive

    * Smooth transition to a different background on mobile and desktop devices

##  Technologies Used

### The login form was created using the following technologies:

    * HTML5

    * CSS3

    * JavaScript

## Getting Started

To use the login form, simply open the index.html file in your web browser. The form will dynamically update the password rules as you enter a password and meet the requirements.

## Acknowledgements

The validation of the password was inspired by the work of several JavaScript developers in the community. The design and responsiveness of the form were created with the help of CSS.

Author

The login form was created by Francis Andoh