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

#antd #reactjs #form #validation #validate
This video focuses on
- How to create and layout forms using different component from Ant Design UI library
- How to use form items and its props like field name and field labels
- How to add rules to antd form fields/items
- How to make a 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 https://www.youtube.com/watch?v=03rzGKtEZmw 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 https://youtu.be/yW1LVrp9mVk , 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/AntdFormValidation

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

Happy Coding!

Видео How to Create and Validate Ant Design Forms | Antd Form Validation | React Js канала CodeWithAamir