Form-Validator Project

Part1 - Create basic form template with html

• Create Form
• Create 4 input fields
  • username
  • email
  • password
  • password confirmation
• Create Submit button for form

Part2 - Style Form with Css

• Create color variable for success and error
• Align Container in the centre and have text aligned centre
• Adjust border and padding for all input and container
• Create box-shadow around the container
• Style the button

Part 3 - Using Js Validate Form

• Check user input, if not valid then change input border to error color else change to success color
• Check if email is valid using js email regex code

Part 4 - Refactoring, Add New Functions

• Have all the validations done through the functions
• Create checkRequired, checkLength, passwordMatch functions
• Refactored checkEmail function