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>