AJAX控件之PasswordStrength

效果图片:

Css代码:

.StyleTextBox1

{

background-color:lemonchiffon;

color:red;

font-family:Arial;

font-size:x-small;

padding:2px 3px 2px 3px;

}

.Border

{

border-style:solid;

border-width:1px;

border-collapse:collapse;

border-color:Black;

border-spacing:5px;

width:200px;

vertical-align:middle;

}

.Indicator

{

background-color:Blue;

color:Blue;

padding-bottom:1px;

}

:显示页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>AJAX控件之PasswordStrength</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<br />

<div>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />

<asp:Label ID="Label1" runat="server" Text="Label" Width="112px"></asp:Label><br />

<cc1:PasswordStrength ID="PasswordStrength1" runat="server"

HelpStatusLabelID="Label1"

PreferredPasswordLength="12"

PrefixText="密码强度:"

TargetControlID="TextBox1"

TextCssClass="StyleTextBox1"

TextStrengthDescriptions="弱;一般;中;强">

</cc1:PasswordStrength>

<br />

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />

<asp:Label ID="Label2" runat="server" Text="Label" Width="88px"></asp:Label>

<cc1:PasswordStrength ID="PasswordStrength2" runat="server"

HelpStatusLabelID="Label2"

PreferredPasswordLength="15"

StrengthIndicatorType="BarIndicator"

TargetControlID="TextBox2"

BarBorderCssClass="Border"

BarIndicatorCssClass="Indicator" MinimumNumericCharacters="1" MinimumSymbolCharacters="1" RequiresUpperAndLowerCaseCharacters="True">

</cc1:PasswordStrength>

</div>

</form>

</body>

</html>

posted on 2007-03-30 22:40 小角色阅读(208) 评论(0) 收藏举报