asp.net中密碼強度的提示

實例說明

智能密碼強度檢測提供功能非常實用，而且非常重要的一項功能，它能夠提示用戶所輸入密碼安全性的強弱，如圖18.3所示。

圖18.3  密碼強度檢測

技術要點

PasswordStrength控件是ASP.NET AJAX Control Toolkit版本里面提供的一個檢測密碼強度控件，當用戶在密碼框中輸入密碼時，文本框的後面會有一個顯密碼強度提示，這種提示有兩種方式：文本和進度條。提示信息的位置也可以由程序人員自己設置。另外，當密碼框失去焦點時提示信息會自動消失。表18.3爲PasswordStrength控件的主要屬性及說明。

18.3  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
CalculationWeightings	密碼組成部門所佔的比重，其值的格式爲“A；B；C；D”。其中A表示長度比重，B表示數字的比重，C表示大寫的比重，D表示特殊符號的比重。A、B、C、D四個值的和必須爲100，默認值爲“50；15；15；20”

實現過程

（1）新建一個AJAX網站，將其命名爲Ex08_03，默認主頁爲Default.aspx。

（2）在Default.aspx頁中主要添加一個ScriptManager控件、一個PasswordStrength控件和一個TextBox控件，其中ScriptManager控件主要用於管理Web頁面中的AJAX控件，PasswordStrength控件實現密碼強度提示功能，TextBox控件輸入要驗證的密碼文本。

（3）在Head標記中添加進度條樣式。代碼如下：

    <style type="text/css">

 .bartype

{

  color:blue;

  background-color:green;

}

 .barborder

{

 border-style:solid;

 border-width:1px;

 width:200px;

 vertical-align:middle;

}

      .aaa

      {

      background-color:#047AFD;

 

         color:#ffffff;

 

         font-family:Arial;

 

         font-size:9pt;

 

         padding: 2px 3px 2px 3px;

      }

  </style>

（4）設置PasswordStrength控件的屬性及對應值，其代碼如下：

        <cc1:PasswordStrength ID="PasswordStrength1" runat="server" TargetControlID="TextBox1"

            DisplayPosition="RightSide" TextCssClass="aaa" HelpHandlePosition="BelowLeft"

            MinimumNumericCharacters="2" MinimumSymbolCharacters="2" StrengthIndicatorType="BarIndicator"

            PrefixText="密碼強度：" PreferredPasswordLength="10" RequiresUpperAndLowerCaseCharacters="true"

            TextStrengthDescriptions="很差;差;一般;好;很好" CalculationWeightings="40;20;20;20" BarIndicatorCssClass="bartype"

            BarBorderCssClass="barborder">

        </cc1:PasswordStrength>