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>