Hi Sunny,

It is expected that the event will fire before the async validation finishes and it is up to the developer to create logic for handling it. For example, you can trigger the async validation when the submit button is clicked and within the callback, proceed with the submit logic if the validation passes.

Another thing that you can do is to disable the submit button until the validation finishes. This will prevent the user to click on the Submit button, before the backend validation is finished, but you will have to trigger the validation when the value for that field is changed (and not on submit).

Regards,
Konstantin Dikov
Progress Telerik

Hello Sunny,

The Form component provides 3 different ways for handling validatoin and gives complete control to the developer over the condition for the validation. For the requirement that you have you can use the Form validator and have a boolean variable that you can use when the submit button is clicked and return the validation messages only if the submit button is already clicked:

• https://www.telerik.com/kendo-react-ui/components/form/validation/#toc-form-validation 
• https://www.telerik.com/kendo-react-ui/components/form/api/FormProps/#toc-onsubmitclick

If you have something different in mind, please provide more information on the exact functionality that you want to see as a built-in feature in the Form component.

Regards,
Konstantin Dikov
Progress Telerik