Form Validation - Validate all field together

[vylink]

Hi,

is there any way, how to show ALL errors beside ALL required fields in the form when submitted (and contains errors)?

At this moment, cursor just jumps into the first field in the form with error and shows error message just beside this field. User can enter requested data, scroll down to submit the form again and if is there any other error the situation is repeating until user fill all requested fields.

It will be maybe better UX if user can see all fields with errors directly after the form is sent.

[jahudka]

Hi, I agree with you, but unfortunately there's no way to do that now. But try out live form validation - it's built into Nittro, just add data-validation-mode="live" to the <form> element and all input fields will be validated on blur. You can also override this per input field using the same attribute, so you can either add data-validation-mode="live" to whitelist specific inputs for live validation or add data-validation-mode="live" to the form element and data-validation-mode="normal" on inputs you want to exclude from live validation.