Custom text in error message box not working from Button

[xmrsa]

Description

When putting a trigger on the Next-button like this

I expected to see my custom error message at the top of the page when i pressed the button without filling in the field on the page. It only gives me the standard text:

To Reproduce

1. Create a Next-button with "triggers": ["validatePage"] on the same page as you have a custom validation for a required field. (mine was an integer field)
2. Do NOT put a value in the required field, but press the Next-button directly
3. The standard text for the error box is shown at the top of the page. This standard text does not fit the UU-criteria for development.

I tried to make this work in this form https://ssb.apps.tt02.altinn.no/ssb/ra0678/.

Expected behavior

I expected this kind of code

in ValidationHandler.cs to return my customized text in the Error box. The message on the field itself is shown correctly.

Screenshots

Here is the kind of message that I expected to see:

Additional info

The error text is shown as expected when I trigger the validation that is defined directly on the field. But then I have to first put a value on the field and then delete it again.

Interestingly enough this also worked as expected if I used validateAllPages instead of validatePage
"triggers": ["validateAllPages" ],
I tested this in Chrome.

[RonnyB71]

@xmrsa just to make sure I understand you correct. You expect the generic 'Det er feil i skjema' infobox in top of the page to show a list of fields that have failed to validate with a specific error message for those fields instead of the generic message saying 'Skjemaet inneholder feil eller mangler...'?

[xmrsa]

Dette er det jeg ønsker meg:

1. (ideelt sett) at den enkle avkrysningen av at et felt er obligatorisk (i Altinn Studio) hadde hatt mulighet for å legge inn to tekster "Du må oppgi hvor mange ledige stillinger dere hadde" og "Dersom det ikke var noen ledige stillinger skriv 0." For å få denne spesifikke UU-vennlige teksten til å vises måtte jeg opprette valideringen i kode.
2. (siden punkt 1 ikke er tilgjengelig per nå) forventet jeg at valideringen med den spesifikke teksten jeg måtte lage i koden, dukket opp øverst i firkanten på siden når jeg trykker på Neste-knappen fordi jeg hadde brukt ValidatePage. Hvis jeg brukte ValidatePage kom kun den generiske teksten om at noe var feil opp. Slik det er i skjemaet https://ssb.apps.tt02.altinn.no/ssb/ra0678/ nå, måtte jeg bruke ValidateAllPages for å få opp valideringen med den riktige teksten. Ulempen med denne framgangsmåten ble da først og fremst at valideringen fra siste side (som ennå ikke var vist) også kommer som en del av boksen på toppen av siden. Jeg forventet altså at jeg ved å bruke ValidatePage burde fått opp kun den ene valideringen jeg hadde definert på siden jeg faktisk stod på med den egendefinerte teksten. I et forsøk på å unngå at valideringen fra kommentarsiden dukket opp hadde jeg forsøkt å betinge på hvilke side jeg stod på når jeg kjørte vaideringsmetoden, men det fungerte ikke i det hele tatt, og var uansett alt for mye jobb i praksis (måtte jo bare teste litt)

[RonnyB71]

Hei, ok - da tror jeg at jeg henger med.

For pkt. 2 så er det du beskriver slik løsningen er implementert, så det er ikke feil. ValidatePage vil gi en generisk feilmelding i toppen samt en markering på hvert enkelt felt som er valgt. Tanken her var at du står på siden og at det da var det mest hensynsmessig å vise den detaljerte feilen på feltet. Mens ValdateAllPages gir en oppsummering av hvilke felter som er feil med tilhørende beskrivelse i boksen på toppen. Nå er vel ikke det 100% i fht UU kravene så vi har en endring på vei ref. Altinn/app-frontend-react#130 som kommer i denne (eller neste sprint). Kunne du tatt en kikk på den å se om det samsvarer med det du har skissert for pkt 2?

For pkt. 1 så lurer jeg litt på hvorfor det ikke kan stå: "Du må oppgi hvor mange ledige stillinger dere hadde. Dersom det ikke var noen ledige stillinger skriv 0." i samme setning.

[olemartinorg]

Dette skal være løst nå, etter endringene i frontend:

• Validation: Move error message box to the bottom  app-frontend-react#100

Det er opprettet flere issues som gjenstår etter #8369, som er notert i en kommentar der. Lukker denne saken.