Async Form Validation
Async validation works naturally with the
form validator. Any validator within the form validation can use async validation. As is seen with objectProps and other composition validators, an async validator within a form will result in a validateAsync function on the validation result.By default, the
validateAsync function returned on the validation result will resolve async validation for all fields that have remaining async validation. But, the validateAsync function also accepts a context parameter that allows specific fields to be resolved using the same form.fields behavior defined for synchronous form validation.// Execute async validation only for the username field
const asyncContext = {
form: {
fields: ['username']
}
};
result.validateAsync(formValues, asyncContext);
Two-Stage Validation is commonly used with forms where standard validation occurs synchronously with results immediately rendered, but async validation that calls an API will be rendered when the response comes back.
Last modified 2yr ago