• USA : +1 973 910 5725
  • INDIA: +91 905 291 3388
  • info@tekslate.com
  • Login

Ajax Password Strength Control

Password Strength

This control is used to provide password strength with in either the text or bar indicator.

Properties

TargetControlID:

StrengthIndicator Type:

Used to specify what is the indicator typeto use that has two options text and bar indicator.

Text strength Descriptions :

Used to specify list of strings to display indicating the strength separated with semicolon.

Textstrength Description style:

list of CSS class separated with semicolon which are used to represent the strength.

Barbordercss class:

  • Used to specify the css class ti use for the border when the strength indicator type is set to Bar indicator.

Example

The following example demonstrates how to use the password strength control.

Add a page to the website and place a Toolkit Script manager followed by two textboxes on the page and set ID of the Textboxes.

With in HTML source of the page in the head section create css style as follows

<style type=”text/css”>

.poor{background-color:Red;

color:white;

font-family:Arial Black;

font-size:large;

}

.weak

{background-color:Maroon;

color:white;

font-family:Arial Black;

font-size:large;

}

.good

{

background-color:blue;

color:white;

font-family:Arial Black;

font-size:large;

}

.strong

{

background-color:green;

color:white;

font-family:Arial Black;

font-size:large;

}

.border

{

border-style:solid;

border-width:medium;

border-color:Blue;

width:180px;

padding:2px;

}

</style>

Within HTML source it self take two password strength controls and set following properties for it.

<asp:passwordstrength ID=”passwordstrength1” runat=”server” TargetControlID=”T1” TextstrengthDescriptions=”poor;weak;good;strong”

Textstrenght DescriptionsStyles=”poor;weak;good;strong”

StrengthIndicatorType=”Text”>

<asp:passwordstrength>

<asp:passwordstrengthId=”passwordstrength2” runat=”server” TargetcontrolID=”T2” BarBorderCssclass=”border”  TextstrengthDescriptionStyles=”poor;weak;good;strong”

StrengthIndicatorType=”BarIndicator”>

</asp:Passwordstrength>

Summary
Review Date
Reviewed Item
Ajax Password Strength Control
Author Rating
5

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at info@tekslate.com, we will update the article in 24 hours.”

0 Responses on Ajax Password Strength Control"

Leave a Message

Your email address will not be published. Required fields are marked *

Site Disclaimer, Copyright © 2016 - All Rights Reserved.