How to use PasswordStrength Ajax Control in Asp.net OR PasswordStrength Ajax control Example - Free Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server,WCF,Entity framework snippets and tutorial

How to use PasswordStrength Ajax Control in Asp.net OR PasswordStrength Ajax control Example

Introduction: in this post I have try to explain how we can use the PasswordStrength Ajax Control in Asp.net.
Passwordstrength

Description:

Add a webform to project. After that put the blow given style in between Head Tag:
<style type="text/css" >
    .txtpass
    {
        background-color:none;
        font-weight:bold;      
    }
    .Border
{
border:1px solid;
width: 180px;
padding:2px;
}
VeryPoor
{
background: Red;
color:White;
font-weight:bold;
}
.Weak
{
background: Gray;
color:White;
font-weight:bold;
}
.Average
{
background: orange;
color:black;
font-weight:bold;
}
.Good
{
background: blue;
color:White;
font-weight:bold;
}
.Excellent

{
background: Green;
color:White;
font-weight:bold;
}
.lbltext
{
    font-weight:bold;
}
</style>

Drag and drop the Textbox and PasswordStrength control from Toolbox.
We can show the Password Strength in two types and use property StrengthIndicatorType:
1.       Text
2.       Bar
HelpStatusLabelID: To show help for password like Numeric, Lower etc.
TargetControlID: Textbox to show password strength.
PreferredPasswordLength: Password lenghth.
TextStrengthDescriptionStyles: To show Password Strength Style.

<asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>     
        <table>
        <tr><b>PasswordStrength Ajax Control Example</b></tr>
        <tr><td>Password Strength (Text):</td><td><asp:TextBox ID="txtpass" runat="server" TextMode="Password"></asp:TextBox></td></tr>
        <tr><td></td><td><asp:Label ID="lbl" runat="server" CssClass="lbltext"></asp:Label></td></tr>
        <tr><td>Password Strength (Bar Indicator):</td><td><asp:TextBox ID="txtpass1" runat="server" TextMode="Password"></asp:TextBox></td></tr>
        <tr><td>&nbsp;</td><td><asp:Label ID="lbl1" runat="server" CssClass="lbltext"></asp:Label></td></tr>
        </table>
        <asp:PasswordStrength ID="PasswordStrength1" runat="server" TargetControlID="txtpass" HelpStatusLabelID="lbl" TextCssClass="txtpass" PreferredPasswordLength="8" StrengthIndicatorType="Text"
        MinimumLowerCaseCharacters="1" MinimumNumericCharacters="1" MinimumSymbolCharacters="1">
        </asp:PasswordStrength>
         <asp:PasswordStrength ID="PasswordStrength2" runat="server" TargetControlID="txtpass1" HelpStatusLabelID="lbl1" PrefixText="Strength" PreferredPasswordLength="8" StrengthIndicatorType="BarIndicator" MinimumLowerCaseCharacters="1" MinimumNumericCharacters="1"
         TextStrengthDescriptionStyles="VeryPoor;Weak;Average;Good;Excellent" MinimumSymbolCharacters="1" BarBorderCssClass="Border">
        </asp:PasswordStrength>


Run the project and check the result.

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.

Share this

Share on FacebookTweet on TwitterPlus on Google+


EmoticonEmoticon