New Form Validation Widget for Screen Actions
612
Views
11
Comments
On our RadarOn our Radar
Frontend (App Interfaces)

Creation of a widget to be used on the screen's actions that allow a simple and much faster validation of a form.


Why?

The time that nowadays we take to perform all fields validation in a form is high. Additionally, in a typical "Save" action, it gets very confused when we mix the "twenty" validations of dates, mandatory texts and business logic, with the save action indeed. It is not visually pleasing to read the action.


How?

Create a widget that visually looks like the form of properties of a entity. In that form, the user can add the fields that need validation, including also the expression that it is used to validate and the error message to show for each field. The widget can return a boolean called "Success" so that the user can continue to work in the "Save" action.

+1

Like the idea +1

+1

I love it, definitely an improvement +1

I fully aggree, validations should be a lot more declaretive instead of us writing code to do the majority of validations. Especially for the ReactiveWeb this would be a great improvement.

Most javascript frameworks, including ReactJs have several good components to make form validation really easy by just declearing per attribute all the constrains. For example for reactjs you have Yup validation schema which is used by Formik UI Forms.


Changed the category to
Frontend
and the status to
On our RadarOn our radar

Hi Tiago,

That's a good idea. We'll add it to our radar to continue monitoring it's evolution and eventually implement it in the future.

Thanks,
Tiago Simões

Thank you Tiago!

Regards

+1

+1. Validations + Feedback Message should be able to be called independently from form.
MainFlow -> calls validation flow ( sets valid and validation message ) -> returns to main flow. Validation messages still show

This component is still not what you want but is a good middle point.
https://www.outsystems.com/forge/component-overview/10086/validationhelper

Maybe evolve from that?

For this exact problem I ended up building this component:

https://www.outsystems.com/forge/component-overview/18413/fluent-validation-o11

It allows the declaration of a schema and rules to validate each of the fields. Although it works well, it requires the use of some undocumented features, which might break in the future, so a native OutSystems solution would be preferable.