UPDATE:
FornopCommerce 3.30 and up, see this: http://www.strivingprogrammers.com/Blog/post/Lavish-Kumar/29/Steps-to-add-password-strength-meter-in-nopCommerce-3-30-register-page/
After struggling with the error message: "Only one instance of a ScriptManager can be added to the page. " finally i was able to do everything successfully..As in nopCommerce we have to add script manager in a little different way...as script manager is already in the nopCommerce project and we can't have more than 1 script manager in 1 page...
Here are the steps.....
1) create a CSS Style Sheet in your root directory (or anywhere as you like, i created it in root directory)
Name your CSS Style Sheet as : passwordStrengthMeter.css
here's the stylesheet code:
.barIndicatorBorder {
border:solid 1px #c0c0c0;
width:200px;
}
.barIndicator_poor {
background-color:gray;
}
.barIndicator_weak {
background-color:orange;
}
.barIndicator_good {
background-color:red;
}
.barIndicator_strong {
background-color:navy;
}
.barIndicator_excellent {
background-color:black;
}
.textbox {
border: solid 2px #cccccc;
border-top: solid 2px #a0a0a0;
}
.poortext
{
font-weight:bold;
color:gray;
}
.weaktext
{
font-weight:bold;
color:orange;
}
.goodtext
{
font-weight:bold;
color:red;
}
.strongtext
{
font-weight:bold;
color:navy;
}
.excellenttext
{
font-weight:bold;
color:black;
}
2) Now, go to root.master page and add your stylesheet ref like this in between the <head></head> tag:
<link href="../passwordStrengthMeter.css" rel="stylesheet" type="text/css" />
3) Now, go to Modules / CustomerRegister.ascx
Top of this ascx page you will see this:
<div class="registration-page">
under this page put the Script Manager for AJAX tool , it should look like this (Bold code is the code that you have to add):
<div class="registration-page">
<ajaxToolkit:ToolkitScriptManager runat="Server" EnableScriptGlobalization="true"
EnableScriptLocalization="true" ID="sm1" ScriptMode="Release" CompositeScript-ScriptMode="Release" />
<div class="page-title">
<h1><%=GetLocaleResourceString("Account.Registration")%></h1>
4) Now, in the bottom of this CustomerRegister.ascx page try to find this code:
<asp:TextBox ID="Password" runat="server" MaxLength="50" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
ErrorMessage="<% $NopResources:Account.PasswordIsRequired %>" ToolTip="<% $NopResources:Account.PasswordIsRequired %>"
5) Now, Your have to put the AJAX code for password strength
PASTE this code AFTER <asp:RequiredFieldValidator ID="PasswordRequired"></asp:RequiredFieldValidator> and BEFORE </td>
<ajaxToolkit:PasswordStrength ID="PS" runat="server"
TargetControlID="Password"
DisplayPosition="RightSide"
MinimumSymbolCharacters="1"
MinimumUpperCaseCharacters="1"
PreferredPasswordLength="10"
CalculationWeightings="25;25;15;35"
RequiresUpperAndLowerCaseCharacters="true"
TextStrengthDescriptions="Poor; Weak; Good; Strong; Excellent"
HelpStatusLabelID="Label1"
StrengthIndicatorType="BarIndicator"
HelpHandlePosition="AboveLeft"
BarBorderCssClass="barIndicatorBorder"
StrengthStyles="barIndicator_poor; barIndicator_weak; barIndicator_good; barIndicator_strong; barIndicator_excellent">
</ajaxToolkit:PasswordStrength>
<div class="clear"><br /></div>
<asp:Label ID="Label2" runat="server" Text="For Excellent: "></asp:Label>
<asp:Label ID="Label1" runat="server"></asp:Label>
<br />
<asp:Label ID="Status1" runat="server" Text="Status: "></asp:Label>
<asp:Label ID="Poor1" runat="server" class="poortext" Text="Poor "></asp:Label>
<asp:Label ID="Weak1" runat="server" class="weaktext" Text="Weak "></asp:Label>
<asp:Label ID="Good1" runat="server" class="goodtext" Text="Good "></asp:Label>
<asp:Label ID="Sgrong1" runat="server" class="strongtext" Text="Strong "></asp:Label>
<asp:Label ID="Excellent1" runat="server" class="excellenttext"
Text="Excellent "></asp:Label>
6) That's it,,,it's done,,now run your project/website > (Don't forget to clear cookies from your browser) > Go to register page > enter the password and you will see the password strength check meter working.....
