Asp.Net Ajax–Passwordstrength控制項使用

文章目錄

• 簡介
• 重要屬性
• 樣本

簡介

PasswordStrength控制項是用來提示使用者輸入密碼的情況,使用者在密碼框中輸入密碼時,在文字框的後面會有一個提示,顯示密碼的強度,這種提示有兩種方式:文本和進度條,提示資訊的位置也可以由我們來自己設定,樣式可以寫CSS來定義。當密碼框失去焦點時提示資訊會自動消失。下面就來看看該控制項的重要屬性吧。

重要屬性

TargetControlID:密碼框的ID
DisplayPosition:提示資訊顯示的位置，一共有6個值分別是：RightSide AboveRight AboveLeft LeftSide BelowRight BelowLeft
StrengthIndicatorType:設定顯示的方式,文本或是進度條
Text:文本方式顯示
BarIndicator:以進度條方式顯示
PreferredPasswordLength:最合適的密碼長度
TextCssClass:提示資訊的樣式
MinimumNumericCharacters:密碼中至少要包含的數位個數
MinimumSymbolCharacters:密碼中至少要包含特殊字元的個數
BarBorderCssClass:提示進度條的邊框樣式
BarIndicatorCssClass:提示進度條的樣式

樣本

1 開啟vs2005,建立一個AjaxControlToolKit網站，命名為oec2003_PasswordStrength.
2 開啟預設的Default.aspx頁面，切換到設計檢視
3 在頁面中添加一個文字框控制項和一個PasswordStrength控制項，設定PasswordStrength空間的屬性，如下：

<ajaxtoolkit:passwordstrength id="PasswordStrength1" runat="server" targetcontrolid="TextBox1"       strengthindicatortype="BarIndicator" preferredpasswordlength="12" mini mumnumericcharacters="3"       minimumsymbolcharacters="1" barindicatorcssclass="bartype" barbordercssclass="barborder">       </ajaxtoolkit:passwordstrength>

4 在head標記中添加CSS樣式，如下

<style type="text/css">     .bartype     {         color:blue;         background-color:green;     }     .barborder     {         border-style:solid;        border-width:1px;        width:200px;        vertical-align:middle;    }        </style>

5 儲存設計，按F5運行就OK了。

這個控制項雖然很方便，但感覺還是不是很靈活，也許是我還沒有把這個控制項研究透徹吧，待以後慢慢深入。

此控制項還有 preFixTexts屬性（用來顯示提示資訊的首碼）和TextStrengthDescriptions（密碼強度的提示資訊的內容，如弱，強）屬性，但是這兩個控制項的設定只有在StrengthIndicatorType屬性設定成Text時才有效，設定成進度條樣式時看不見首碼和強度提示訊息，不知道是此控制項原本如此還有我有的地方設定不對 ，迷惑...........