Answered

Validation before navigate to next page

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hello! I have a app where i have a dropdown, 2 text fields and a image.
At the bottom i have a button that navigates to next page.

I want to have a validator that checks if all the fields are filled. I want the user to be able to click the next btn but it will only navigate to next screen if all fields are filled if they are not filled a label will be displayed over each empty field saying u need to fill it.

Know how to make the btn inactive, but thats not entirly what i want. i want to keep the btn active but display a lbl to indicate whats missing and do not navigate before the required field are filled

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Verified answer

v-bofeng-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
Hi @Anonymous :

Do you need such a feature:

When the user clicks the button, check whether all the TextInput controls have been filled in.

If all input controls are filled out, then navigate to the next page.

If there is an input control that is not filled in, a prompt label appears below the control.

If so,my suggestion is:

Use variables to control the appearance of prompt text.

Control the effective conditions of Navgate() through the If() function.

I'v made a test for your reference:

In ScreenA:

1\set ScreenA's OnVisible property to:

Set(MyVar,false) /*MyVay is my custom variable*/

2\Add three TextInput controls(TextInputA/B/C) and set them Default proeprty to (Delete their Default property)

3\Add Three label controls(LabelA/B/C)

LabelA

Text

"Missing necessary information"

Visible

MyVar&&IsBlank(TextInputA.Text)

LabelB

Text

"Missing necessary information"

Visible

MyVar&&IsBlank(TextInputB.Text)

LabelC

Text

"Missing necessary information"

Visible

MyVar&&IsBlank(TextInputC.Text)

4\Add a button and set it's OnSelect property to:

Set(MyVar,true); If(!IsBlank(TextInputA.Text)&&!IsBlank(TextInputB.Text)&&!IsBlank(TextInputC.Text),Navigate(ScreenB))

Best Regards,

Bof

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

thanks!, one more question. I also have 3 different fields where i want either of them to be filled. so if 1/3 its filled then its okey but if 3/3 its emtpy then its not okey

Was this reply helpful? Yes No
v-bofeng-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
Hi @Anonymous :

Do you need at least one of the three TextInput controls to be filled in?

Please try:

Set(MyVar,true); If(!IsBlank(TextInputA.Text)|| !IsBlank(TextInputB.Text)|| !IsBlank(TextInputC.Text),Navigate(ScreenB))

Best Regards,

Bof

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

thanks !

Was this reply helpful? Yes No