Ajax Toolkit 控制項學習系列(12) ——PasswordStrength如其名

• 我想大家在有的論壇註冊的時候，輸入密碼，或者某網站需要修改密碼的時候，都會提示您密碼的強度吧。Ajax控制項中也有實現這個功能的東西，就是PasswordStrength了。
• 先看例子再說。

　　

　　表面上看，這就是一個Lable和一個普通的TextBox，提示輸入密碼。

　　

　　輸入的時候，會在右面由一個提示的資訊。是個Lable。最多還能輸入多少數字和字元。而下面的黃色的，是預設的情況，提示密碼的強度。強，中，差。都可以自訂。

• 本例中使用的是2個Lable，一個用來顯示提示資訊，還剩下幾個剩餘的字元或者數字，另一個就是標籤了。TextBox不用說了，設定為password。
• 屬性說明：

　　DisplayPosition：提示的位置 

　　HelpStatusLabelID：提示剩餘的資訊控制項

　　MinimumNumericCharacters：最少的字元數，本例中"3"

　　PrefixText：顯示出的提示資訊文字"密碼強度

　　TargetControlID：控制的那個"textbox"

　　TextStrengthDescriptions：自訂的強度描述"強;中;差"

<div>
<asp:ScriptManager ID="sm" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<ajax:PasswordStrength ID="ps" runat="server" DisplayPosition="BelowLeft" HelpStatusLabelID="label2"
                    MinimumNumericCharacters="3" PrefixText="密碼強度:" TargetControlID="textbox" TextStrengthDescriptions="強;中;差">
</ajax:PasswordStrength>
<asp:Label ID="label" runat="server" Text="密碼"></asp:Label>
<asp:TextBox ID="textbox" runat="server" AutoCompleteType="Disabled" TextMode="Password"></asp:TextBox>
<asp:Label ID="label2" runat="server" Text="label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</div>