How to make button validate before submit empty fields in power apps?

(0) Share

Report

Posted on by gcizman2024

240

Hi Team

I need a bit of a help below on my screen, basically before submit i have set this fine on sharepoint as it validate before submit. Now on power app i want to use same logic, by applying DisplayMode.Edit validation before submit, it must refrain a user to first insert fields and button must not be clickable.

Categories:

Building Power Apps

All responses (8)

Answers (1)

Sort by

AndrewR1 1,572 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @gcizman2024

I would do something like the following in the DisplayMode Property of your button:

If(IsBlank(DataCardValue1.Value)|| IsBlank(DataCardValue2.Value),DisplayMode.Disable, DisplayMode.Edit)

You will need to change the DataCardValue1.Value depending on the data type of the fields for example:

Text Fields: DataCardValue1.Value

Date Fields: DataCardValue2.SelectedDate

Option Set Fields: DataCardValue3.Selected.Value

etc...

I would check for all mandatory fields are not blank if 1 is then it will set it to be disable if all or not blank then it will be in edit.

Hope this helps

Please click Accept as solution if my post helped you solve your issue. ✔️ This will help others find the solution to this problem. It also closes the item. Remember, you can accept more than one post as a solution.

If the content was useful in other ways, please consider giving it Thumbs Up. 👍

Thanks
Andrew
gcizman2024 240 on at

Like
a
(0)

Report
Copy link

Link copied!
@AndrewR1 , you gave some idea. ok i did this following now the trick is OnSelect the button still sends submit without seeing this on DisplayMode. How can i handle that scenario. Meaning the button must visible enough to see the validation on DisplayMode for these fields so it does not submit until i first insert data to the form then message after not before its incorrect.

// OnSelect
ResetForm('Capturing Form');ResetForm('Correct-Prev-Form');ResetForm('SHEQ Record Details Form'); Notify("Document is submitted and reviewed shortly", NotificationType.Success);

// DisplayMode
If(IsBlank(Short_Desc_Text.Text) || IsBlank(Responsible_combo.SelectedItems) || IsBlank(Facilities_combo.SelectedItems) || IsBlank(Find_Desc_txt.Text) || IsBlank(Reference_combo.SelectedItems) || IsBlank(Severity_combo.SelectedItems) || IsBlank(Audit_combo.SelectedItems) || IsBlank(Responsible_combo.SelectedItems) || IsBlank('1stManager_combo'.SelectedItems) || IsBlank('2ndManager_combo'.SelectedItems) || IsBlank(Status_combo.SelectedItems), DisplayMode.Edit)
AndrewR1 1,572 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
@gcizman2024 Im not sure what you are saying?
I can see you havent got this corect in your DisplayMode it should be this:

If(IsBlank(Short_Desc_Text.Text) || IsBlank(Responsible_combo.SelectedItems) || IsBlank(Facilities_combo.SelectedItems) || IsBlank(Find_Desc_txt.Text) || IsBlank(Reference_combo.SelectedItems) || IsBlank(Severity_combo.SelectedItems) || IsBlank(Audit_combo.SelectedItems) || IsBlank(Responsible_combo.SelectedItems) || IsBlank('1stManager_combo'.SelectedItems) || IsBlank('2ndManager_combo'.SelectedItems) || IsBlank(Status_combo.SelectedItems),DisplayMode.Disabled, DisplayMode.Edit)

Please click Accept as solution if my post helped you solve your issue. ✔️ This will help others find the solution to this problem. It also closes the item. Remember, you can accept more than one post as a solution.

If the content was useful in other ways, please consider giving it Thumbs Up. 👍

Thanks
Andrew
gcizman2024 240 on at

Like
a
(0)

Report
Copy link

Link copied!

@AndrewR1 my validation is not working not because of DisplayMode.disabled but when i click submit sends a notification without validating the fields in DisplayMode, hope make sense
gcizman2024 240 on at

Like
a
(0)

Report
Copy link

Link copied!

@AndrewR1 , hi i get your point and understand you well. Somehow, what i am expecting to get out of this. I notice maybe Microsoft has not thought of over about this process. Without DisplayMode. Disabled, validation does not work its a mandatory?
AndrewR1 1,572 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @gcizman2024 I now understand the issue you're facing. When the button is disabled, users cannot click to view which fields are mandatory or missing. Unfortunately, there's no workaround while using the disabled display mode. However, this indirectly ensures that users cannot progress without filling out the mandatory fields, even though they don't receive error messages. The asterisk (*) serves as a visual indicator for these mandatory fields.

Alternatively, you could maintain the button in edit mode at all times. In the onSuccess property, submit the form to the data source. In the onFailure properties of the form submission, trigger notifications. This approach ensures users can always interact with the button, and notifications will inform them about any failures in the form submission, displaying error messages on the form as well.

Please click Accept as solution if my post helped you solve your issue. ✔️ This will help others find the solution to this problem. It also closes the item. Remember, you can accept more than one post as a solution.

If the content was useful in other ways, please consider giving it Thumbs Up. 👍

Thanks
Andrew
gcizman2024 240 on at

Like
a
(0)

Report
Copy link

Link copied!

@AndrewR1 , completely understand we are restricted i think and believe its something Microsoft will eventually cater in future for this functionality, I saw without using DisplayMode.Disenabled one cant make the form to validate fields because the button could still be functional prior to the instruction given on the OnSelect and DisplayMode.
Verified answer

AndrewR1 1,572 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @gcizman2024 so if I was you, I would potentially use the error message label in the data card only display this if the data card is blank then you will always get the errors showing and the display mode of your button will also be fine as it is.

You will need to set the error messgae manualy like this:

But hopefully this is a good work around for you?

Another Alternative to how we check if the form was valid before there is a simpler way to do this which is:

If(Form3.Valid,DisplayMode.Edit,DisplayMode.Disabled)

Please click Accept as solution if my post helped you solve your issue. ✔️ This will help others find the solution to this problem. It also closes the item. Remember, you can accept more than one post as a solution.

If the content was useful in other ways, please consider giving it Thumbs Up. 👍

Thanks
Andrew