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控件.        它有如下常见属性: 属性名  ...
一周排行
  • 1. 检查数据库服务器及备份服务器是否正常启动:以sybase用户身份通过telnet工具登录进入到数据库服务器所在主机,使用showserver命令查看数据库服务器是否正常启动.例子及说明:showserver显示 ...
  • SQLServer默认跟踪应用4--检测日志文件自动增长
    SQL Server 默认跟踪应用4 -- 检测日志文件自动增长用户抱怨SQL Serve ...
  • Python中只有一个赋值模型一.缺少类型声明语句的情况在Python中,类型是在运行过程中自动决定的,而不是通过代码声明.这意味着没有必要事声明变量.只要记住,这个概念实质上对变量,对象和它们之间的关系都适用.那么 ...
  • Linux系统无线网卡驱动安装
    Linux系统下无线网卡驱动安装[所需驱动][安装步骤]①unzip RTL8192xC_ ...
  • 生成环境一直用apache做反向代理,但感觉功能不是很强大,于是换成了Squid,配置挺简单的:环境:CentOS 5.2 Squid 3.0后端IIS: 172.16.88.228         172.16.8 ...
  • 一.Example 1 – UIAnchor   该例子啊是演示NGUI中使用Anchor组件实现GUI对齐的功能.其最终效果如下:1.删除新建的场景的Main Camera摄像机,在图层中新建一个GUI层,接着,选 ...
  • FlaskSQLAlchemy不设外键进行关联查询
    关系型数据库都有外键这个功能,但这个功能不是放在哪里都是有利的,有很多时候反而会使事情变得 ...
  • 好几天没有更新blog了,因为没有很好的原创,转载一些有意义的吧:真是很好的一本书,实践指导理论:Getting Real中文版:[url]http://gettingreal.37signals.com/GR_ch ...
  • 作为一种建模语言,UML的定义包括UML语义和UML表示法两个部分. (1) UML语义 描述基于UML的精确元模型定义.元模型为UML的所有元素在语法和语义上提供了简单.一致.通用的定义性说明,使开发者能在语义上取 ...
  • log4net使用日记
    <?xml version="1.0" encoding=&qu ...