Atlas学习手记(16):使用PasswordStrength检测密码强度

PasswordStrengthAtlasControlToolkit在最新版本里面提供的一个检测密码强度的Extender,它支持两种文本提示和进度条提示两种方式。<?XML:NAMESPACE PREFIX = O />

 

主要内容

1PasswordStrength介绍

2.完整示例

 

一.PasswordStrength介绍

PasswordStrengthAtlasControlToolkit在最新版本里面提供的一个检测密码强度的Extender,它支持两种文本提示和进度条提示两种方式。示例代码:

None.gif < atlasToolkit:PasswordStrength  ID ="PS"  runat ="server" >
None.gif    
< atlasToolkit:PasswordStrengthExtenderProperties
None.gif
None.gif        
TargetControlID ="TextBox1"
None.gif
None.gif        DisplayPosition
="RightSide"
None.gif
None.gif        StrengthIndicatorType
="Text"
None.gif
None.gif        PreferredPasswordLength
="10"
None.gif
None.gif        PrefixText
="Strength:"
None.gif
None.gif        TextCssClass
="TextIndicator_TextBox1"
None.gif
None.gif        MinimumNumericCharacters
="0"
None.gif
None.gif        MinimumSymbolCharacters
="0"
None.gif
None.gif        RequiresUpperAndLowerCaseCharacters
="false"
None.gif
None.gif        TextStrengthDescriptions
="Very Poor;Weak;Average;Strong;Excellent"   />
None.gif
None.gif
</ atlasToolkit:PasswordStrength >

主要属性如下:

属性

描述

TargetControlID

要检测密码的TextBox控件ID

DisplayPosition

提示的信息的位置,如:

DisplayPosition="RightSide|LeftSide| BelowLeft"

StrengthIndicatorType

强度信息提示方式,有文本和进度条

StrengthIndicatorType="Text| BarIndicator"

PreferredPasswordLength

密码的长度

PrefixText

用文本方式时开头的文字

PrefixText="强度:"

TextCssClass

用文本方时文字的CSS样式

MinimumNumericCharacters

密码中最少要包含的数字数量

MinimumSymbolCharacters

密码中最好要包含的符号数量(*#

RequiresUpperAndLowerCaseCharacters

是否需要区分大小写

TextStrengthDescriptions

文本方式时的文字提示信息

TextStrengthDescriptions="极弱;;中等;;超强"

BarIndicatorCssClass

进度条的CSS样式

BarBorderCssClass

进度条边框的CSS样式

HelpStatusLabelID

帮助提示信息的Lable控件ID

二.完整示例

下面看一个完整的示例(主要要用最新版本的AtlasControlToolkit),新建Web Site后,同样在ASPX页面中加入命名空间的声明:

ExpandedBlockStart.gif ContractedBlock.gif <% dot.gif @ Register Assembly="AtlasControlToolkit" 
InBlock.gif
InBlock.gif            Namespace
="AtlasControlToolkit" 
InBlock.gif
ExpandedBlockEnd.gif            TagPrefix
="atlasToolkit" 
%>

在页面中加入三个TextBox,分别来演示三种情况的密码检测,第一个使用文本方式提示,第二个使用进度条方式提示,第三个也是使用文本方式提示,同时也带有帮助信息:

None.gif Simple Complexity, Text Indicator  < br  />
None.gif
None.gif
< asp:TextBox  ID ="TextBox1"  Width ="150"  runat ="server"   />   < br  />
None.gif
None.gif
< asp:Label  ID ="TextBox1_HelpLabel"  runat ="server"   />   &nbsp;
None.gif
None.gif
< br  />
None.gif
None.gifAverage Complexity, Bar Indicator 
< br  />
None.gif
None.gif
< asp:TextBox  ID ="TextBox2"  Width ="150"  TextMode ="Password"  runat ="server"   />   < br  />
None.gif
None.gif
< asp:Label  ID ="TextBox2_HelpLabel"  runat ="server"   />   &nbsp;
None.gif
None.gif
< br  />
None.gif
None.gifHigh Complexity, Text Indicator, Help Indicator 
< br  />
None.gif
None.gif
< asp:TextBox  ID ="TextBox3"  Width ="150"  runat ="server"   />

加入必要的CSS样式:

ExpandedBlockStart.gif ContractedBlock.gif < style  type ="text/css" > dot.gif
InBlock.gif
InBlock.gif    .TextIndicator_TextBox1
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{dot.gif}{
InBlock.gif         background-color
:#047AFD;
InBlock.gif
InBlock.gif         color
:#ffffff;
InBlock.gif
InBlock.gif         font-family
:Arial;
InBlock.gif
InBlock.gif         font-size
:9pt; 
InBlock.gif
InBlock.gif         padding
: 2px 3px 2px 3px;   
ExpandedSubBlockEnd.gif    
}

InBlock.gif
InBlock.gif    .BarIndicator_TextBox2
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{dot.gif}{
InBlock.gif        color
:Blue;
InBlock.gif
InBlock.gif        background-color
:#047AFD;
InBlock.gif
InBlock.gif        padding-bottom
:1px;
ExpandedSubBlockEnd.gif    
}

InBlock.gif
InBlock.gif    .BarBorder_TextBox2
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{dot.gif}{
InBlock.gif        border-style
:solid;
InBlock.gif
InBlock.gif        border-width
:1px;
InBlock.gif
InBlock.gif        width
:200px;
InBlock.gif
InBlock.gif        vertical-align
:middle;
ExpandedSubBlockEnd.gif    
}

InBlock.gif
InBlock.gif    .TextIndicator_TextBox3
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{dot.gif}{
InBlock.gif         background-color
:#047AFD;
InBlock.gif
InBlock.gif         color
:#ffffff;
InBlock.gif
InBlock.gif         font-size
:small;
InBlock.gif
InBlock.gif         font-variant
:small-caps;  
InBlock.gif
InBlock.gif         padding
: 2px 3px 2px 3px;   
ExpandedSubBlockEnd.gif    
}

InBlock.gif
InBlock.gif    .TextIndicator_TextBox3_Handle
InBlock.gif
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{dot.gif}{
InBlock.gif        width
:16px;
InBlock.gif
InBlock.gif        height
:14px;
InBlock.gif
InBlock.gif        background-image
:url(Question.png);
InBlock.gif
InBlock.gif        overflow
:hidden;
InBlock.gif
InBlock.gif        cursor
:help;
InBlock.gif
ExpandedBlockEnd.gif    
}

None.gif
</ style >

这时加入PasswordStrength,设置它的属性如下:

None.gif < atlasToolkit:PasswordStrength  ID ="p1"  runat ="server" >
None.gif    
< atlasToolkit:PasswordStrengthExtenderProperties 
None.gif
None.gif        
DisplayPosition ="RightSide"  
None.gif
None.gif        TargetControlID
="TextBox1"
None.gif
None.gif        StrengthIndicatorType
="Text"  
None.gif
None.gif        PreferredPasswordLength
="10"  
None.gif
None.gif        PrefixText
="强度:"  
None.gif
None.gif        HelpStatusLabelID
="TextBox1_HelpLabel"  
None.gif
None.gif        TextCssClass
="TextIndicator_TextBox1"   
None.gif
None.gif        TextStrengthDescriptions
="极弱;弱;中等;强;超强"
None.gif
None.gif        MinimumNumericCharacters
="0"  
None.gif
None.gif        MinimumSymbolCharacters
="0"  
None.gif
None.gif        RequiresUpperAndLowerCaseCharacters
="false" >
None.gif
None.gif    
</ atlasToolkit:PasswordStrengthExtenderProperties >
None.gif
None.gif    
< atlasToolkit:PasswordStrengthExtenderProperties 
None.gif
None.gif        
DisplayPosition ="RightSide"  
None.gif
None.gif        TargetControlID
="TextBox2"
None.gif
None.gif        StrengthIndicatorType
="BarIndicator"  
None.gif
None.gif        PreferredPasswordLength
="15"  
None.gif
None.gif        HelpStatusLabelID
="TextBox2_HelpLabel"
None.gif
None.gif        BarIndicatorCssClass
="BarIndicator_TextBox2"  
None.gif
None.gif        BarBorderCssClass
="BarBorder_TextBox2"
None.gif
None.gif        MinimumNumericCharacters
="1"  
None.gif
None.gif        MinimumSymbolCharacters
="1"  
None.gif
None.gif        RequiresUpperAndLowerCaseCharacters
="true" >
None.gif
None.gif    
</ atlasToolkit:PasswordStrengthExtenderProperties >
None.gif
None.gif    
< atlasToolkit:PasswordStrengthExtenderProperties 
None.gif
None.gif        
DisplayPosition ="BelowLeft"  
None.gif
None.gif        TargetControlID
="TextBox3"
None.gif
None.gif        StrengthIndicatorType
="Text"  
None.gif
None.gif        PreferredPasswordLength
="20"  
None.gif
None.gif        PrefixText
="Meets Policy? "  
None.gif
None.gif        TextCssClass
="TextIndicator_TextBox3"
None.gif
None.gif        MinimumNumericCharacters
="2"  
None.gif
None.gif        MinimumSymbolCharacters
="2"  
None.gif
None.gif        RequiresUpperAndLowerCaseCharacters
="true"
None.gif
None.gif        TextStrengthDescriptions
="Not at all;Very Low compliance;Low Compliance;Average Compliance;Good Compliance;Very High Compliance;Yes"
None.gif        HelpHandleCssClass
="TextIndicator_TextBox3_Handle"  
None.gif
None.gif        HelpHandlePosition
="LeftSide" >
None.gif
None.gif    
</ atlasToolkit:PasswordStrengthExtenderProperties >
None.gif
None.gif
</ atlasToolkit:PasswordStrength >

编译运行后效果如下

文字提示:

<?XML:NAMESPACE PREFIX = V />

进度条提示:

文字提示:

点击帮助后:

 

完整示例下载:http://files.cnblogs.com/Terrylee/PasswordStrengthDemo.rar
原文:http://www.cnblogs.com/Terrylee/archive/2006/08/09/Atlas_PasswordStrength_Extender.html

转载于:https://www.cnblogs.com/wking108/archive/2006/08/09/472463.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值