How to change “validation summary error” text for Local Login in Power Pages

As a Power Pages enthusiast, I understand the importance of creating a seamless user experience. Every detail, from design to functionality, contributes to a user’s perception of your brand.

Straight to the point:

Content Snippet is one of the easiest ways to change the text using the out-of-the-box (OOB) way. Unfortunately, Microsoft has deprecated the inline front-end editor that will allow us to find content snippets easily.

We can change the “validation error summary” text message in this article using a simple jQuery technique.

Step 1: In Power Pages Management > Under Content > Web Pages > Home Page. Screenshot for additional help. Please see below.

Step 2: Under“Localized Content” > select “Home”

Step 3: Select Advanced Tab > And place the following code

 $(document).ready(function() {
 
 $('a[href="#Username"]').text('Your custom error message');
 });

Hint: Right-click the element and get the selector name. Here my selector name is 

a[href="#username"]

Step 4: Hit Save and Close.

Output:

1. Choose sign in > Enter the user name and the wrong password
2. Your custom message will appear instead of “ Invalid sign-in attempt”

   For a safe bet. In the design studio > Hit the sync button (optional)

   Now preview the Power Pages.