【IT168技术文档】

  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空间的属性，如下：

1 <ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server" TargetControlID="TextBox1" StrengthIndicatorType="BarIndicator" PreferredPasswordLength="12" Mini  mumNumericCharacters="3" MinimumSymbolCharacters="1" BarIndicatorCssClass="bartype" BarBorderCssClass="barborder">
2        </ajaxToolkit:PasswordStrength>

  4 在head标记中添加CSS样式，如下

1<style type="text/css">
2                .bartype
3        {}{
4            color:blue;
5            background-color:green;
6        }
7        .barborder
8        {}{
9            border-style:solid;
10            border-width:1px;
11            width:200px;
12            vertical-align:middle;
13        }
14
15    </style>

  5 保存设计，按F5运行就OK了。

  这个控件虽然很方便，但感觉还是不是很灵活，也许是我还没有把这个控件研究透彻吧，待以后慢慢深入。