Skip to main content

Notifications

Community site session details

Community site session details

Session Id : Isnmxp4upiQjqrQvX6HCak
Power Pages - Power Apps Portals
Unanswered

Portal Password Strength Checker

Like (0) ShareShare
ReportReport
Posted on 22 Sep 2021 09:07:30 by

Hi! 

I need assistance with the implementation of this Password Strenght Checker (jQuery Plugin For Password Strength Checker and Indicator - Password-Strength | Free jQuery Plugins (jqueryscript.net) ).

 

We created 2 Webfiles named password_strength_lightweight.jspassword_strength.css within the specific Notes we attached the js. and css. file

newmay_0-1632404948351.png

 

 

Now the issue begins:

As stated in the guide I should include following on the webpage:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="password_strength_lightweight.js"></script>
<link rel="stylesheet" href="password_strength.css">

and 

$('#myPassword').strength_meter();

with the correct ID of the new password input field (#NewPassword)

 

 

Now we dont know what we are doing wrong, since it wont work. We are not sure where we should paste the code (which Content Snippet) we tried every possible. Plus we tried to but {raw} {endraw} around the code, still no success.

 

If anyone of you could try to implement this password checker and provide a step-by-step guide  or give suggestions to try to solve this issue, is much appreciated!!

 

Thanks!

  • Community Power Platform Member Profile Picture
    on 23 Sep 2021 at 13:05:12
    Re: Portal Password Strength Checker

    @mbayes we create a webfile and attached the js. note to it. Yet we are not sure where we need to add the code if I want it to be displayed at the Password change page. If we paste it in Account/ChangePassword/PageCopy nothing happens

  • Community Power Platform Member Profile Picture
    on 23 Sep 2021 at 06:23:37
    Re: Portal Password Strength Checker

    Hi @mbayes! That sounds great! Since I have not much experience with coding and stuff. Could you show me a step by step approach to implement it? I get the part with javascript and html etc, yet I am not sure how to handle the part with the downloaded file. Do I need to store it somewhere in the system to reference it? E.g. this Validate If A Password Meets Certain Requirements - PassRequirements | Free jQuery Plugins (jqueryscript.net)

     

    Thanks!

  • Community Power Platform Member Profile Picture
    on 23 Sep 2021 at 06:20:00
    Re: Portal Password Strength Checker

    @KajalGupta15Hey thanks. I am not quit sure where to paste it?

     

     

  • KajalGupta15 Profile Picture
    36 on 22 Sep 2021 at 15:08:51
    Re: Portal Password Strength Checker

    Yes you can!!

    Set(e,"");If(Len(pass1.Text)>4,0,Set(e,"Error in length"));If(IsMatch(pass1.Text,"[0-9]" ,Contains),0,Set(e,"must contain a numeric digit"));If(IsMatch(pass1.Text, "[a-z]" ,Contains),0,Set(e,"Must contain small case letter"));If(IsMatch(pass1.Text,"[A-Z]" ,Contains),0,Set(e,"Must contain one uper case letter"));If(IsMatch(pass1.Text,"[$&+?@#^*()%!]" ,Contains),0,Set(e,"no special character"))   Paste this formula on your formula bar of password its total validation to your password field i hope you got your answer in it!!

  • - Matt Bayes - Profile Picture
    91 on 22 Sep 2021 at 14:59:35
    Re: Portal Password Strength Checker

    Hi newmay,

     

    I'm assuming you are wanting this to be implemented when a user is registering for an account. If this is the case, there is the ability to implement something like this, however, it would have to be custom.

    Since the registration page(s) are all contained within the portal solution itself and not really editable pages from the CRM-side, you are limited to only being able to run client-side code (Javascript) on these pages. In order to do so, you would have to create a content snippet for that page with the proper copy URL, and then you can add some scripting to that snippet to validate the password.

    Using one of the libraries/approaches on this site that fits your requirements should be self-explanatory, but as I said before, it would all have to be custom:
    https://www.jqueryscript.net/blog/best-password-strength-checker.html 

     

    If you have any additional questions please don't hesitate to ask!

    Thanks!

     

    Matt Bayes

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Understanding Microsoft Agents - Introductory Session

Confused about how agents work across the Microsoft ecosystem? Register today!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,745 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 66,091 Most Valuable Professional

Leaderboard
Loading started