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  />
         &nbsp;  Text Indicators < br  />
         &nbsp;
         < asp:TextBox  ID ="TextBox1"  runat ="server" ></ asp:TextBox > &nbsp; < br  />
         &nbsp;
         < asp:Label  ID ="Label1"  runat ="server"  Width ="153px" ></ asp:Label >< br  />
         < br  />
         &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  />
         &nbsp;  Help Indicators < br  />
         &nbsp;
         < asp:TextBox  ID ="TextBox3"  runat ="server" ></ asp:TextBox >< br  />
         &nbsp;
         < 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如下：
    

.TextIndicator_TextBox1  {} {
         background-color:Gray;
         color:White;
         font-family:Arial;
         font-size:x-small;
         font-style:italic;  
         padding: 2px 3px 2px 3px;   
    }

.BarIndicator_TextBox2  {} {
        color:Blue;
        background-color:Blue;
        padding-bottom:0px;
    }

.BarBorder_TextBox2  {} {
        border-style:solid;
        border-width:1px;
        width:200px;
        vertical-align:middle;
    }

.TextIndicator_TextBox3  {} {
         background-color:Blue;
         color:Yellow;
         font-size:small;
         font-variant:small-caps;  
         padding: 2px 3px 2px 3px;   
    }

运行结果如下： 
    
    图1.文本提示       

                     

图2.进度条提示