"What are the steps to create forms with validation in the design process?"

vFlow
1

“What are the steps to create forms with validation in the design process?”

2

Each element in the form component has a validation property.

1600×388 31.1 KB

Types of Validations:-

Type Description
minLength shows an error if the length of the input is less than the minimum length defined here.
maxLength shows an error if the length of the input is more than this value
minValue shows an error if the input is a number and that number is less than this value
maxValue shows an error if the input is number and that number is more than this value
regex shows an error if the input does not match with the regex defined here
minItemsSelected Used in a LOV type element, shows an error if the selected lov items are less than this value
maxItemsSelected Used in a LOV type element, shows an error if the selected lov items are more than this value
1 Like
3

I thing we can include one more strep in the of adding a footer button with
“is validation required” property turned on. So the button only gets enabled when all the validation applied on the form are fulfilled.
Steps to add:

  1. create a footer.
  2. add a button element.
  3. enable the “is validation required” property.
  4. add the footer in the dependency of the Form(not component).

All set. now the footer button will get enabled only after all the validations are fulfilled.

1 Like