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

For details on how to use Ant Design Form and Form Validation, please go through following videos.

Happy Coding!

[adeshshetty]

Great help Sir 🔥🔥! I was getting an error but now it is sloved! Thnkyou 🔥

[SoulisYT]

Thank you for the video. I noticed that you added 2 required properties.
The first one is actually not required.
As I understand it the first one adds the red * in front of the field showing that the field is required but does not add a validation not displays an error message.
But if you add the required:true statement in the rule it does both

[mutebiugofficial]

Hello I have s question, I have got a shopping cart with antd input and I added custom buttons to increment and decrement, but if I click one button all items are affected yet I want one to be updated

[wdiazdev]

The submit button should be disable if require fields are not validated.