In this video, I have demonstrated how can you added various validations for your signup form like validating email, password, username, file input, strings,etc all in one video.

  1. Project GitHub repo: https://github.com/MeRahulAhire/React-Stepper-Form-Validation

  2. Project structure:
    https://raw.githubusercontent.com/MeRahulAhire/React-Stepper-Form-Validation/master/Registration_js_Parent_component.png

Tryout the demo site (devlopment stage) of College Facemash : http://cfm-react.s3-website-us-east-1.amazonaws.com/

The whole journey of making facemash: https://www.youtube.com/playlist?list=PL83X-jRLQqGGTDlCmLLzgnLpMY3xo1Nj8
Checkout the other videos of DevTalks: https://www.youtube.com/playlist?list=PL83X-jRLQqGGOXn5eJU_JJTlXUyC3gXQB

Timeline:
0:00 - Project Introduction
4:00 - Inspiration by traversy media
4:30 - Structure of this step form
6:40 - Getting started in vscode

7:00 - CollegeDetail Component
15:13 - Checking numbers

23:07 - UserDetail Component
28:05 - Gender Validation

30:00 - Credential Component
37:05 - Email Validation
40:45 - Username Validation
41:45 - Enter Strong Password

45:45 - Image input Validation
52:27 - Subscribe,Like,Comment,Share

If you have any suggestions, Queries or any though just leave it in comment and I’ll be happy to get back to you
#React #Signup #FormValidation

FIND ME HERE:
facebook: https://facebook.com/MeRahulAhire
Instagram: https://instagram.com/merahulahire
Twitter: https://twitter.com/MeRahulAhire
LinkedIn: https://linkedin.com/in/merahulahire

#signup #formvalidation #react

React Form validation - Doing form Validation in Stepper React Signup form |Email,Password
1.50 GEEK