Passwordstrength控件

功能：
         验证密码强度。用来提示用户输入密码的强度,用户在密码框中输入密码时,在文本框的后面会有一个提示,显示密码的强度。

重要属性：
    TargetControlID  :  密码框ID
    DisplayPosition    :   提示信息显示的位置，一共有6个值。
                                      分别是：RightSide、 AboveRight 、AboveLeft、 LeftSide、 BelowRight 、BelowLeft 。
    StrengthIndicatorType   : 设置显示的方式,文本或是进度条。分别为:Text和BarIndicator。
    PreferredPasswordLength : 密码强度最好时的长度
    PrefixText :   在文本对密码强度描述的前缀
    TextStrengthDescriptions  :  在文本框中对密码的强度描述
    TextCssClass : 文本提示时的样式
    MinimumNumericCharacters :  密码中至少要包含的数字的个数
    MinimumSymbolCharacters :    密码中至少要包含特殊字符的个数
    BarIndicatorCssClass :     提示进度条的样式
    BarBorderCssClass :     提示进度条的边框样式
    RequiresUpperAndLowerCaseCharacters :  是否需要区分大小写

实例代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
      <div>
                <br />
          Text Indicators<br />
         
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br />
         
        <asp:Label ID="Label1" runat="server" Width="153px"></asp:Label><br />
        <br />
          Status Bar Indicators<br />
         
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
         
        <asp:Label ID="Label2" runat="server" Width="154px"></asp:Label><br />
        <br />
          Help Indicators<br />
         
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><br />
         
        <asp:Label ID="Label3" runat="server" Width="154px"></asp:Label><br />
            <br />
        <br />
            <ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server"  TargetControlID="TextBox1"
                DisplayPosition="RightSide"
                StrengthIndicatorType="Text"
                PreferredPasswordLength="10"
                PrefixText="Strength:"
                TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
                MinimumNumericCharacters="0"
                MinimumSymbolCharacters="0"
                HelpStatusLabelID="Label1"
                TextCssClass="TextIndicator_TextBox1"
                RequiresUpperAndLowerCaseCharacters="false">
            </ajaxToolkit:PasswordStrength>
            <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server"  TargetControlID="TextBox2"
                DisplayPosition="RightSide"
                StrengthIndicatorType="BarIndicator"
                BarIndicatorCssClass="BarIndicator_TextBox2"
                BarBorderCssClass="BarBorder_TextBox2"
                PreferredPasswordLength="10"
                PrefixText="Strength:"
                TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
                MinimumNumericCharacters="1"
                MinimumSymbolCharacters="1"
                HelpStatusLabelID="Label2"
                RequiresUpperAndLowerCaseCharacters="true">
            </ajaxToolkit:PasswordStrength>
            <ajaxToolkit:PasswordStrength ID="PasswordStrength3" runat="server"              TargetControlID="TextBox3"
                TextCssClass="TextIndicator_TextBox3"
                DisplayPosition="RightSide"
                StrengthIndicatorType="Text"
                PreferredPasswordLength="20"
                PrefixText="Meets Polixy : "
                MinimumNumericCharacters="2"
                MinimumSymbolCharacters="2"
                HelpStatusLabelID="Label3"
                HelpHandleCssClass="TextIndicator_TextBox3_Handle"
                HelpHandlePosition="BelowRight"
                TextStrengthDescriptions="Not at all; Very Low Compliance; Low Compliance; Average Compliance; Good Compliance; High Compliance; Yes"
                RequiresUpperAndLowerCaseCharacters="true" >
            </ajaxToolkit:PasswordStrength>
        </div>
    </form>
</body>
</html>

相应的CSS如下：