Form Checker

It verifies the user registration form on client side. Its a small module of a full stack website project. This project is hosted at https://register-form-checker.netlify.app/

Project specifications-

• Shows error message when size of username does not match the range specified.
• Uses regex for email template checking.
• Verifies password by asking user to enter password twice.
• Passes all inputs in the form of an array to check if any field has been left blank.

Demo

Technologies Used

Google Lighthouse webpage perfomance report

The full report can be accessed at https://drive.google.com/file/d/1VNm7LYlPdw9NnyqPrruZKtw2EoZWngYd/view?usp=sharing

Lessons Learned

• Avoiding redundant code in javascript by passing data in the form of an array.
• Validating email address format using regex.

Authors

@mayankdrvr

Deployment

To deploy this project on https://netlify.com, simply login to your netlify account and go to https://app.netlify.com/drop and simply drag and drop the folder containing .html, .css & .js files in the section "Drag and drop your site output folder here".

License

MIT

Run on Local System

• Clone the project

  git clone https://github.com/mayankdrvr/form_checker.git

• Open the project in VS Code.

• Right click on index.html and run Live Server to open the project locally in you rdefault browser.