Best practice dialog with input field validation

[Former Member]

HI,

I need to create Dialog with 10 fields and this dialog have button for save.

what I want is then when the user click on save validate the fields and fields which are not valid should be mark as red.

My question what is the best practice for develop this in UI5?

How can I handle the event to change the state ?

How should I get from the dialog button "save" all the fields input ?

Any example/ fiddle will be very helpful

[Former Member]

HI All,

Any idea how can I do it right?

Thanks,

Jenny

[Sharathmg]

First, avoid pop ups.

If the form with multiple fields, validate and display error by setting the error state of the input fields - this makes the border of the fields RED.

Use a message control in the footer to display multiple error messages in a group.

Check this link: https://experience.sap.com/fiori-design-web/input-field/

Regards,

Sharath

[Former Member]

Thanks but I see that already and this is not what I need. 🙂

I need example for a dialog ( I must use it) with many fields 10 or more

that I need to verify after user click on save.

Regards,

Jenney

[Sharathmg]

Jenney,

I am not clear. Do you need a form with 10 fields and display a dialog when errors? or Do you want a dialog(popup) with 10 fields or more?

Attach a sketch, if you have any.

[Former Member]

Hi,

Not form just Dialog with 10 fields with submit button which validate the fields when user press submit

Thanks!