asp.net Ajax--Passwordstrength控件使用

本文介绍了PasswordStrength控件的功能及使用方法,包括设置密码强度提示的样式、位置等属性,并提供了一个具体的示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简介
    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了。

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

此控件还有 preFixTexts属性(用来显示提示信息的前缀)和TextStrengthDescriptions(密码强度的提示信息的内容,如弱,强)属性,但是这两个控件的设置只有在StrengthIndicatorType属性设置成Text时才有效,设置成进度条样式时看不见前缀和强度提示消息,不知道是此控件原本如此还有我有的地方设置不对 ,迷惑...........
  
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值