How to Create and Validate Ant Design Forms | Antd Form Validation | React Js

#antd #reactjs #form #validation #validate
In this video tutorial I have explained how to Create and Validate Ant Design Forms in React Js app

This video focuses on
How to create and layout forms using different component from Ant Design UI library
How to use antd form items and its props like field name and field labels
How to add rules to antd form fields/items
How to make a antd form field required
How to add custom field validation logic
How to get values from antd form fields
How to get fields which have errors
How to validate antd form and show errors under form fields
How to make a antd form field optional
How to validate optional antd form fields
How to add feedback to antd form fields
How to use different antd components like checkbox, input, select, date picker and add validations on them
How to validate email fields
How to validate url, link, or website fields using antd form validations
How to add logic to match passwords
How to add minimum length validation on antd form fields
How to get values of form fields in onFinish function of ant design form APIs
How to get values of form fields in onFinishFailed function of ant design form APIs along with erroneous fields

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.

In this video we will be using different available props of Form component to see the possibilities for different use-cases. I have created an intro video on that at    • Ant Design Form component usage in Re...   , please go through that as well if you have not used ant form before.

The code base against this tutorial is available on Github repo at https://github.com/aamirjaved844/Antd...

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

Happy Coding!