Stages Demos:

Validate On (Event)

You can set different validation behaviours on a field. Below are some examples. You have to interact with the form to experience the different behaviours.

Default: Validate on Form Button Actions (Submit):

Validate on init (and submit):

Validate on blur (and submit):

Validate on change (and submit):

Validate on throttled change (and submit):

Dynamic validation based on length of input, first only on blur, than after five characters on change:

Custom validation event:

In this example, the form is validated on change, but the city field, is validated on countryChange, which is defined as "only validate on change, if country is selected and has less than 3 characters".

In this second example, we run validation on blur for short strings (less than 5 chars) in the input, and validation on change for long.