Skip to Content
0

Best practice dialog with input field validation

Aug 02, 2017 at 05:12 PM

84

avatar image
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

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Sharath M G Aug 02, 2017 at 05:44 PM
0

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

Show 3 Share
10 |10000 characters needed characters left characters exceeded
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

0

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.

0
Former Member

Hi,

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

Thanks!

0
avatar image
Former Member Aug 03, 2017 at 07:47 AM
0

HI All,

Any idea how can I do it right?

Thanks,

Jenny

Share
10 |10000 characters needed characters left characters exceeded