React Tutorial - Learn React JS - Course Lessons #7 - Form Validation and Errors - Learn ReactJS

React Tutorial - Learn React JS - Course Lessons #7 - React Forms - Validations and Errors - Learn ReactJS

React terms : Form, Form Validation, Validating Input Fields, Errors, Form Errors, Error Messages, input fields, text fields, Props, onChange, currentTarget, currentTarget.name, currentTarget.value, React state, Disable submit button for invalid form, validate on change in value, validate onBlur

Link of the video on Input Fields with React - https://www.youtube.com/watch?v=6ATS2Hpg3lI

Link of the video on Dropdown, Radio and Checkboxes in React - https://youtu.be/wKbhKlLe4Vc

Learn how to validate the input fields in a form by defining an errors JSON in state and populating it with error messages.

Sample Codes explained in the tutorial are
- Validate the form when submit button is clicked
- Disable the submit button if form is invalid and enable it when the form is valid
- Validate a field when it loses focus i.e. on onBlur event
- Validate a field when its value changes i.e. on onChange event

With Sample Codes and Exercises, do the exercises and understand the various validation techniques.

Learn complete React in this video tutorial series. A must watch for all ReactJS beginners and learners. With lots of samples, code, practice questions and projects, learn and master React and become an awesome front end developer.
00:00 Validating forms in React
01:15 Sample Code : Implementing Form Validation on Submit
14:14 Sample Code : Adding more Validations to the React Form
20:26 Code Exercise : Disable Submit button if Form is InValid
23:20 Code Exercise : Validate field when it loses focus

Complete React Lessons and ReactJS playlist -
https://www.youtube.com/playlist?list=PLC8jf7P7lrixhadKw5_hc0jjaPPMroUyC