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 Initialization we can also initialize an array while declaration. For example int
Post a Comment
Read more

How to upload a file on the server through upload control in asp.net

With ASP.NET upload a file on the server is very easy.With FileUpload control we can easily upload a file on the server.Following markup is required.   < form id ="form1" runat ="server" > < asp:FileUpload id ="FileUploadControl" runat ="server" /> < asp:Button runat ="server" id ="btnupload" text ="Upload" onclick =" btnupload _Click" /> < asp:Label runat ="server" id ="lblstatus" /> </ form > Here is the CodeBehind code required to handle upload a file on the server. protected void btnupload _Click( object sender, EventArgs e) { if (FileUploadControl.HasFile) { try { string filename = Path.GetFileName(FileUploadControl.FileName); FileUploadControl.SaveAs(Server.MapPath( " ~/ " ) + filename); lblstatus .Text = " Upload status: Fi
Post a Comment
Read more

ASP.NET MVC 5 (Part 1)

This tutorial teaches you the basics of building an ASP.NET MVC 5 web app using  Visual Studio 2017 . Get started Start by installing Visual Studio 2017. You can  Install Visual Studio 2017 community version which is free. Open Visual Studio,  Instead of selecting  New Project  on the  Start page , you can use the menu bar and select  File  >  New Project . Your first app On the  Start page , select  New Project . In the  New Project  dialog box, select the  Visual C#  category on the left, then  Web , and then select the  ASP.NET Web Application (.NET Framework)  project template. Name your project "MVCProject" and then choose  OK . In the  New ASP.NET Web Application  dialog, choose  MVC  and then choose  OK . The visual studio used the default template for the project you just created.you have a running application which is doing nothing right now. Press  F5  to start debugging. When you press  F5 , Visual Studio starts  IIS Ex
Post a Comment
Read more