How to Set and Clear Notification for Non-Mandatory Field Using JavaScript in Power Apps

How to Set and Clear Notification for Non-Mandatory Field Using JavaScript in Power Apps

In Power Apps and Dynamics 365 Model-Driven Apps, there are situations where you want to guide users with validation messages without making a field mandatory.

Using JavaScript, you can display notifications on fields dynamically and remove them when the required condition is satisfied. This improves user experience while maintaining business validations.

Why Use Field Notifications?

• Guide users during data entry
• Display business validation messages
• Avoid making fields mandatory
• Improve form usability
• Reduce data entry errors

Set a Notification

Use the setNotification() method to display a message on a field.

function setFieldNotification(executionContext)
{
    var formContext =
        executionContext.getFormContext();

```
formContext.getControl("new_comments")
           .setNotification(
               "Please enter comments before proceeding.",
               "comments_notification"
           );
```

} 

The notification appears beside the field and alerts users about the required action.

Clear a Notification

Once the validation condition is satisfied, remove the notification using clearNotification().

function clearFieldNotification(executionContext)
{
    var formContext =
        executionContext.getFormContext();

```
formContext.getControl("new_comments")
           .clearNotification(
               "comments_notification"
           );
```

} 

Combined Example

You can dynamically set or clear notifications based on field values.

function validateComments(executionContext)
{
    var formContext =
        executionContext.getFormContext();

```
var comments =
    formContext.getAttribute("new_comments")
               .getValue();

if(!comments)
{
    formContext.getControl("new_comments")
               .setNotification(
                   "Comments are recommended.",
                   "comments_notification"
               );
}
else
{
    formContext.getControl("new_comments")
               .clearNotification(
                   "comments_notification"
               );
}
```

} 

Implementation Steps

1. Create a JavaScript Web Resource.
2. Add the script to the form.
3. Register the function on Form Load or On Change events.
4. Pass execution context.
5. Save and publish customizations.
6. Test notification behavior.

Common Use Cases

• Comments recommendations
• Approval notes validation
• Conditional data entry guidance
• Business process reminders
• Form completion assistance
• Customer information validation

Best Practices

• Use meaningful notification messages.
• Keep notifications concise.
• Use unique notification IDs.
• Clear notifications when conditions are met.
• Avoid excessive validation messages.

Key Takeaways

• setNotification() displays field-level messages.
• clearNotification() removes existing notifications.
• Notifications improve user guidance without mandatory fields.
• Ideal for business validations and recommendations.
• Enhances overall form usability and user experience.