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

---

本文示例源代码或素材下载

　　主要内容

　　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>

　　编译运行后效果如下

　　文字提示：

　　进度条提示：

　　文字提示：

　　点击帮助后：

本文作者:

---

« 
» 

---