How to Add Custom Controls with Validation inside Ant Design Form using ReactJS | Antd Form Tutorial

#reactjs #antd #formvalidation
In this video tutorial I have explained how to add custom controls with validation inside Ant Design Form using ReactJS

This video focuses on
- How to add custom controls inside antd form
- How to add validation on custom controls added to antd forms
- How to use validator antd form item rule to add custom validation
- How to use onChange function inside antd Form.Item custom control
- How to get value prop inside custom antd form item control
- How to add rules for antd form fields
- How to add Submit button inside antd form
- How to get values inside onFinish function of antd form
- How to get error fields inside onFinishFailed function of antd form
- How to pass initial values to custom antd form controls
- How to use promise inside antd form validator function to resolve or reject the field validation
- How to add read only reactjs labels like span inside antd form and populate its value along with custom field validation
- How to add email field validation rule in antd form item rules
- How to pass updated value to antd form for validation using onChange prop of antd form item
- How to use antd form inside reactjs

If you are new to ant-design, I have already added an intro video on ant-design and overview of its components at    • Ant Design UI library Integration wit...   link, please go through that video to set up the ground for further components implementation.

For details on how to use Ant Design Form and Form Validation, please go through following videos.
Antd Form:    • Ant Design Form component usage in Re...  
Antd Form Validation:    • How to Create and Validate Ant Design...  

For more details on ant-design, please visit its documentation at https://ant.design/components/form/

Happy Coding!