Asp.NetAjax---Passwordstrength控件使用

简介

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"
  2.        strengthindicatortype="BarIndicator" preferredpasswordlength="12" mini mumnumericcharacters="3"
  3.        minimumsymbolcharacters="1" barindicatorcssclass="bartype" barbordercssclass="barborder">  
  4.        </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. </style> 

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

这个控件虽然很方便,但感觉还是不是很灵活,也许是我还没有把这个控件研究透彻吧,待以后慢慢深入。
此控件还有 preFixTexts属性(用来显示提示信息的前缀)和TextStrengthDescriptions(密码强度的提示信息的内容,如弱,强)属性,但是这两个控件的设置只有在StrengthIndicatorType属性设置成Text时才有效,设置成进度条样式时看不见前缀和强度提示消息,不知道是此控件原本如此还有我有的地方设置不对 ,迷惑………

更多相关文章
  • 服务器端进行还是在客户端进行,再也不必考虑那么多了,程序员们可以将重要精力放在主程序的设计上了.ASP.NET公有六种验证控件,分别如下:控件名           功能描叙 RequiredFieldValidator(必须字段验证) 用于检查是否有输入值 CompareValidator(比较验 ...
  • ASP与ActiveX控件交互实战(二)龙卷风关键字:ASP,ActiveX控件,数字签名,安全 我们来看看如何从服务端获取数据,传递到ActiveX控件中.1)初始化时使用参数绑定2)运行时得到数据 打开vb6,新建ActiveX控件工程.工程名:fOcx,用户控件名:UC2为了方便,我们使用Ac ...
  • 代码如下: <%@ Page Language="C#" CodeFile="A.aspx.cs" Inherits="OrderManage_A" %> <%@ Register Src="../UserCon ...
  • js如何获取asp.net服务器端控件的值(label,textbox,dropdownlist,radiobuttonlist等) 欢迎访问原稿:http://hi.baidu.com/2wixiao/blog/item/68c9acd40ac9612006088b6f.html 在做 BS架构的 ...
  • ASP.NET-自定义控件第十天实现分页功能的DataList附该系列文章PDF版本
    1. 引言在ASP.NET中DataList可以实现数据展示,我们可以通过定制其模版实现丰富的格式,但是美中不足的时DataList默认情况下不支持分页,我们当然可以编写一个用户控件以实现分页功能,但是这种方案仍然不是很好,我们希望像使用普通ASP.NET服务器端控件一样,只需要放置一个DataLi ...
  • 最近用了大概一周时间将微软 Asp.Net Ajax 的视频全部看了一遍,并将大部分的范例都照着实现了一遍,同时也将它们整理汇总在了这里.基本上都是一些控件的使用,它们的源码下载地址是:AjaxToolKitIntro.rar.另外,Ajax Control Toolkit 安装包中本身就已经包含了 ...
  • Calendor控件为用户显示一个日历.它还提供日历选取功能.Calendor控件必须放在Form或者Panel控件内,或者控件的模板内.在添加Calendor控件之后.它一次显示一月的日期.另外,它还显示该月之前的一周和之后的一周.因此,可以显示六周. FirstDateOfWeek设置要在控件中 ...
  • 一. AdRotator控件的三种数据源模式AdRotator以三种不同的模式填充它的图像和导航属性,我把它们分别称为"数据库模式","XML模式"和"编程模式".(一) 数据库模式在数据库模式下,一个AdRotator链接到一个数据源.该 ...
  • KindEditorFileUpload控件        FileUpload控件是一个很重要的控件,它被Web服务器最终解释为形如"<input type="file"-/>"这样的普通HTML控件.        它有如下常见属性: 属性名  ...
一周排行
  • import java.util.*;  class CollectionDemo{     public static void main(String[]args){                  itera ...
  • Hyper-V采用全面的可靠性设计.包括基于主机VM的复制(SCVMM).集群共享卷和阵列集成.MPIO多路径.基于SMB3.0多通道.VM Live/quick migration.硬件方面设计等等:另外也提供了丰 ...
  • <?PHP / ** *安装模块 * / 类IndexAction扩展行动{ / /安装界面 公共职能_initialize(){ / /检测右输入 ,如果($ _SESSION [ 'right_enter' ...
  •  很久没有更新blog了,让广大的观众朋友们失望了. R9现在还在工作. 业务公司的IPsec-VPN接入. 我的工程师们还在辛苦的进行调试和测试. 在这里,IPsec-VPN的配置需要什么信息点,知识点我就不一一多 ...
  • 组策略学习,用户密码策略
    组策略之用户密码策略 企业需求希望员工的每半年更改一次密码,并且密码长度至少6位,取消密码 ...
  • sqoop的安装与使用
    1.什么是Sqoop Sqoop即 SQL to Hadoop ,是一款方便的在传统型数据 ...
  • 触发器:在一条  INSERT, UPDATE, DELETE 语句执行前,后的函数.(自己定义).PostgreSQL语法:CREATE TRIGGERname { BEFORE | AFTER } { event ...
  • *.jdb 文件可用于更新 Symantec Endpoint Protection Manager 的病毒定义.使用每日验证或快速发布 *.jdb 更新 Symantec Endpoint Protection M ...
  • 今天早上还好好的,下午一变天,心里猛然间就感觉到很累,很压抑!!!
  • return"category"; 回到category.jsp   会出现路径问题,css,图片显示不了   解决方法:<li><ahref="${pageConte ...