Skip to main content

ASP.NET AJAX PasswordStrength Extender

 AJAX Password Strength Extender shows the strength of user chosen passwords.the strength can be show in a
 text form, a bar indicator or combination of both.Now i am going to show you how to add ajax password extender control to a asp.net page,

In case of Visual studio 2005 install AjaxControlToolkit and in case of Visual studio 2010 add AjaxControlToolkit.dll in the project.
I have added a text box and a label control in the page and page will be look like this:

                                            

 After that Add password strength code in the aspx file of the web page.

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
      <div>
              
        &nbsp; Status Bar Indicators<br />
        &nbsp;
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
        &nbsp;
        <asp:Label ID="Label2" runat="server" Width="154px"></asp:Label><br />
        <br />
        <br />
       
          <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" TargetControlID="TextBox2"
                DisplayPosition="RightSide"
                StrengthIndicatorType="BarIndicator"
                BarIndicatorCssClass="BarIndicator"
                BarBorderCssClass="BarBorder"
                PreferredPasswordLength="10"
                PrefixText="Strength:"
                TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
                MinimumNumericCharacters="1"
                MinimumSymbolCharacters="1"
                HelpStatusLabelID="Label2"
                RequiresUpperAndLowerCaseCharacters="true">
            </ajaxToolkit:PasswordStrength>
          &nbsp;
        </div>
    </form>   
</body>

Here is the CSS classes which are used in the above code.

.BarIndicator {
        color:Blue;
        background-color:Blue;
        padding-bottom:1px;
    }

.BarBorder{
        border-style:solid;
        border-width:1px;
        width:200px;
        vertical-align:middle;
    }
After that run the project.out put will be look loke this:

                                           
Happy Programming..:)
Labels:

Comments

Post a Comment

Popular posts from this blog

Introduction of Arrays

An array is a linear data structure which stores collection of data in a contagious memory location. The idea is to store the collection of the same type of data. this makes it easier to calculate the position of each item by simply adding an offset to a base value. In the above image of an array, we can identify each element by its index. we can declare an array by specifying the types of its element. type [] arrayname; Types of Arrays single dimensional arrays Multidimensional arrays Single Dimensional Arrays A single dimensional array can be declared in the following way. int [] array = new int [ 5 ]; this array will contain the element from array[0] to array[4].the new operator will initialize  each  element of this array with zero. An array which contains string value can be declared the same way. string[] array = new string[6]; Array Initializ...
Post a Comment
Read more

How to use ASP.NET AJAX UpdateProgress Control

Some time we have a method which takes a bit more time to execution.Due to this time consumption user get impatient One of  Ajax control solved this problem which is ASP.NET AJAX Update Progress Control. ASP.NET AJAX Update Progress Control provides status information about page updates. Here I am going to explain how to use ASP.NET AJAX Updated Progress Control in a web page. Firstly we need a animated GIF.I am using the following image.  In case of Visual studio 2005 install AjaxControlToolkit and in case of Visual studio 2010 add AjaxControlToolkit.dll in the project. Firstly we have to add scriptmanger inside the form tag.   <asp:ScriptManager ID="ScriptManager1" runat="server" />  And Use updatePanel because we need partial update of page. And drag updateProgress from toolbox to the page.                                      After that page will b...
Post a Comment
Read more

How to add Controls to a Blank C# Form

If you want to add a control to a form, you can use the Toolbox on the left of Visual Studio. Move your mouse over to the Toolbox, and click the plus symbol next to Common Controls. You should see the following list of things that you can add to your form: Toolbox Click the Button item under the Common Controls heading. This will select it. Now click once anywhere on your form. A button will be drawn for you, and your Form will look like this: Form                                           Similarly you can drag and drop different controls on the Form According to your requirements. The text on the button, which defaults to "button1", can be changed from properties windows.  A property of a control is things like its Height, its Width, its Name, its Text, and a whole lot more ...
3 comments
Read more