Atlas学习手记（16）：使用PasswordStrength检测密码强度

PasswordStrength是AtlasControlToolkit在最新版本里面提供的一个检测密码强度的Extender，它支持两种文本提示和进度条提示两种方式。

 

主要内容

1．PasswordStrength介绍

2．完整示例

 

一．PasswordStrength介绍

PasswordStrength是AtlasControlToolkit在最新版本里面提供的一个检测密码强度的Extender，它支持两种文本提示和进度条提示两种方式。示例代码：

<atlasToolkit:PasswordStrength ID="PS" runat="server">
    <atlasToolkit:PasswordStrengthExtenderProperties

        TargetControlID="TextBox1"

        DisplayPosition="RightSide"

        StrengthIndicatorType="Text"

        PreferredPasswordLength="10"

        PrefixText="Strength:"

        TextCssClass="TextIndicator_TextBox1"

        MinimumNumericCharacters="0"

        MinimumSymbolCharacters="0"

        RequiresUpperAndLowerCaseCharacters="false"

        TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent" />

</atlasToolkit:PasswordStrength>

主要属性如下：

属性	描述
TargetControlID	要检测密码的TextBox控件ID
DisplayPosition	提示的信息的位置，如： DisplayPosition="RightSide|LeftSide| BelowLeft"
StrengthIndicatorType	强度信息提示方式，有文本和进度条 StrengthIndicatorType="Text| BarIndicator"
PreferredPasswordLength	密码的长度
PrefixText	用文本方式时开头的文字 PrefixText="强度："
TextCssClass	用文本方时文字的CSS样式
MinimumNumericCharacters	密码中最少要包含的数字数量
MinimumSymbolCharacters	密码中最好要包含的符号数量（*，#）
RequiresUpperAndLowerCaseCharacters	是否需要区分大小写
TextStrengthDescriptions	文本方式时的文字提示信息 TextStrengthDescriptions="极弱;弱;中等;强;超强"
BarIndicatorCssClass	进度条的CSS样式
BarBorderCssClass	进度条边框的CSS样式
HelpStatusLabelID	帮助提示信息的Lable控件ID

二．完整示例

下面看一个完整的示例（主要要用最新版本的AtlasControlToolkit），新建Web Site后，同样在ASPX页面中加入命名空间的声明:

<%@ Register Assembly="AtlasControlToolkit" 

            Namespace="AtlasControlToolkit" 

            TagPrefix="atlasToolkit" %>

在页面中加入三个TextBox，分别来演示三种情况的密码检测，第一个使用文本方式提示，第二个使用进度条方式提示，第三个也是使用文本方式提示，同时也带有帮助信息：

Simple Complexity, Text Indicator <br />

<asp:TextBox ID="TextBox1" Width="150" runat="server" /> <br />

<asp:Label ID="TextBox1_HelpLabel" runat="server" /> &nbsp;

<br />

Average Complexity, Bar Indicator <br />

<asp:TextBox ID="TextBox2" Width="150" TextMode="Password" runat="server" /> <br />

<asp:Label ID="TextBox2_HelpLabel" runat="server" /> &nbsp;

<br />

High Complexity, Text Indicator, Help Indicator <br />

<asp:TextBox ID="TextBox3" Width="150" runat="server" />

加入必要的CSS样式：

<style type="text/css">

    .TextIndicator_TextBox1
    {}{
         background-color:#047AFD;

         color:#ffffff;

         font-family:Arial;

         font-size:9pt; 

         padding: 2px 3px 2px 3px;   
    }

    .BarIndicator_TextBox2
    {}{
        color:Blue;

        background-color:#047AFD;

        padding-bottom:1px;
    }

    .BarBorder_TextBox2
    {}{
        border-style:solid;

        border-width:1px;

        width:200px;

        vertical-align:middle;
    }

    .TextIndicator_TextBox3
    {}{
         background-color:#047AFD;

         color:#ffffff;

         font-size:small;

         font-variant:small-caps;  

         padding: 2px 3px 2px 3px;   
    }

    .TextIndicator_TextBox3_Handle

    {}{
        width:16px;

        height:14px;

        background-image:url(Question.png);

        overflow:hidden;

        cursor:help;

    }
</style>

这时加入PasswordStrength，设置它的属性如下：

<atlasToolkit:PasswordStrength ID="p1" runat="server">
    <atlasToolkit:PasswordStrengthExtenderProperties 

        DisplayPosition="RightSide" 

        TargetControlID="TextBox1"

        StrengthIndicatorType="Text" 

        PreferredPasswordLength="10" 

        PrefixText="强度：" 

        HelpStatusLabelID="TextBox1_HelpLabel" 

        TextCssClass="TextIndicator_TextBox1"  

        TextStrengthDescriptions="极弱;弱;中等;强;超强"

        MinimumNumericCharacters="0" 

        MinimumSymbolCharacters="0" 

        RequiresUpperAndLowerCaseCharacters="false">

    </atlasToolkit:PasswordStrengthExtenderProperties>

    <atlasToolkit:PasswordStrengthExtenderProperties 

        DisplayPosition="RightSide" 

        TargetControlID="TextBox2"

        StrengthIndicatorType="BarIndicator" 

        PreferredPasswordLength="15" 

        HelpStatusLabelID="TextBox2_HelpLabel"

        BarIndicatorCssClass="BarIndicator_TextBox2" 

        BarBorderCssClass="BarBorder_TextBox2"

        MinimumNumericCharacters="1" 

        MinimumSymbolCharacters="1" 

        RequiresUpperAndLowerCaseCharacters="true">

    </atlasToolkit:PasswordStrengthExtenderProperties>

    <atlasToolkit:PasswordStrengthExtenderProperties 

        DisplayPosition="BelowLeft" 

        TargetControlID="TextBox3"

        StrengthIndicatorType="Text" 

        PreferredPasswordLength="20" 

        PrefixText="Meets Policy? " 

        TextCssClass="TextIndicator_TextBox3"

        MinimumNumericCharacters="2" 

        MinimumSymbolCharacters="2" 

        RequiresUpperAndLowerCaseCharacters="true"

        TextStrengthDescriptions="Not at all;Very Low compliance;Low Compliance;Average Compliance;Good Compliance;Very High Compliance;Yes"
        HelpHandleCssClass="TextIndicator_TextBox3_Handle" 

        HelpHandlePosition="LeftSide">

    </atlasToolkit:PasswordStrengthExtenderProperties>

</atlasToolkit:PasswordStrength>

编译运行后效果如下

文字提示：

进度条提示：

文字提示：

点击帮助后：

 

完整示例下载：https://files.cnblogs.com/Terrylee/PasswordStrengthDemo.rar