Multiple validation errors

[Vlad]

Is it possible to return multiple errors for one field via field or form lvl validator, and show them under field ? 

[Vlad]

Hello, any help on this ? I was thinkin about approach where I could build a string with separators and then pars them inside field component, but it look heavy, is there another way ?

Thanks in advice, Vlad

[Krissy]

Hi Vlad,

What I can suggest is to create a function that will receive the validators and return a combination of the messages that they display. I've created an example to showcase how this can be achieved, enter 'test' to see how both validation messages appear: 

https://stackblitz.com/edit/react-multiple-validators?file=app/main.jsx

If you would like to have this as a feature, you can submit a feature request here. We can also do that for you if you prefer us to do it. The feature will be planned based on community interest.

Hope this is helpful.

Regards,
Krissy
Progress Telerik

[Vlad]

Unfortunately with your example, it makes EmailInput always refreshing (if you add console inside component you will see that), and also `string[]` type is inconsistent with what we have inside doc and library, and cause we are using typescript, we have to use `any` for results. As I understood there are no other options to do that, correct ?

[Krissy]

Hi Vlad, 

In regards to the EmailInput always refreshing, I was able to avoid that by making two changes to the previous example:

1. I combined the validator outside of the render of the component, otherwise it creates a new array every single time and that makes the form continously re-render 
2. Optional: Instead of using an array, all validation messages are combined into a single one with a particular symbol used as a separator. The string is then split where that separator is, and a new array is achieved.

The new example is available here: 
https://stackblitz.com/edit/react-multiple-validators-9bxev2?file=app/main.jsx 

In regards to the `string[]` type being inconsistent - the suggestion I am offering is a workaround, which is why it may have some discrepancies. You can log a feature request and, in the meantime, use my suggestion until the feature is created. 

Hope this is helpful.

Regards,
Krissy
Progress Telerik