ASP.NET - 如何:自定义 PasswordRecovery 控件

可以使用以下方法自定义 PasswordRecovery 控件:

·可以编辑显示的模板并更改控件的用户界面 (UI)

·可以将 ASP.NET 主题应用到该控件。有关更多信息,请参见 ASP.NET 主题和外观概述。

·可以使用控件的属性(如 QuestionLabelText InstructionTextStyle)修改其外观。

1、将一个 PasswordRecovery 控件添加到页面,如下面的代码示例所示。

<asp:PasswordRecovery ID="PasswordRecovery1" Runat="server">

</asp:PasswordRecovery>

2、您可以通过应用样式自定义 PasswordRecovery 控件的外观。使用属性(如 LabelStyleHyperLinkStyle TitleTextStyle 属性)可以将所有需要的样式应用到模板。若要自定义 PasswordRecovery 控件的内容,请继续执行下面的步骤以修改 PasswordRecovery 控件所使用的模板。

3、创建一个 UserNameTemplate 模板以指定首次呈现控件时显示的标记和控件,如下面的代码示例所示。

<UserNameTemplate>

<table border="0" cellpadding="1">

<tr>

<td>

<table border="0" cellpadding="0">

<tr>

<td align="center" colspan="2">

Forgot Your Password?</td>

</tr>

<tr>

<td align="center" colspan="2">

Enter your User Name to receive your password.</td>

</tr>

<tr>

<td align="right">

<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label></td>

<td>

<asp:TextBox ID="UserName" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"

ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="color: red">

<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="SubmitButton" runat="server" CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</UserNameTemplate>

4、创建一个 QuestionTemplate 模板以指定当控件提示用户回答安全提示问题时显示的标记和控件,如下面的代码示例所示。

<QuestionTemplate>

<table border="0" cellpadding="1">

<tr>

<td>

<table border="0" cellpadding="0">

<tr>

<td align="center" colspan="2">

Identity Confirmation</td>

</tr>

<tr>

<td align="center" colspan="2">

Answer the following question to receive your password.</td>

</tr>

<tr>

<td align="right">

User Name:</td>

<td>

<asp:Literal ID="UserName" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td align="right">

Question:</td>

<td>

<asp:Literal ID="Question" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td align="right">

<asp:Label ID="AnswerLabel" runat="server" AssociatedControlID="Answer">Answer:</asp:Label></td>

<td>

<asp:TextBox ID="Answer" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="AnswerRequired" runat="server" ControlToValidate="Answer"

ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="color: red">

<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="SubmitButton" runat="server" CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</QuestionTemplate>

5、创建一个 SuccessTemplate 模板以指定当用户成功找回密码时显示的标记和控件。下面的代码示例演示已定义 SuccessTemplate 模板的 PasswordRecovery 控件的标记。

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html >

<head runat="server">

<title>Password Recovery All Templates Sample</title>

</head>

<body>

<form id="form1" runat="server">

<div title="All Templates Sample">

<asp:PasswordRecovery ID="PasswordRecovery1" runat="server">

<QuestionTemplate>

<table border="0" cellpadding="1">

<tr>

<td>

<table border="0" cellpadding="0">

<tr>

<td align="center" colspan="2">

Identity Confirmation</td>

</tr>

<tr>

<td align="center" colspan="2">

Answer the following question to receive your password.</td>

</tr>

<tr>

<td align="right">

User Name:</td>

<td>

<asp:Literal ID="UserName" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td align="right">

Question:</td>

<td>

<asp:Literal ID="Question" runat="server"></asp:Literal>

</td>

</tr>

<tr>

<td align="right">

<asp:Label ID="AnswerLabel" runat="server" AssociatedControlID="Answer">Answer:</asp:Label></td>

<td>

<asp:TextBox ID="Answer" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="AnswerRequired" runat="server" ControlToValidate="Answer"

ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="color: red">

<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="SubmitButton" runat="server" CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</QuestionTemplate>

<UserNameTemplate>

<table border="0" cellpadding="1">

<tr>

<td>

<table border="0" cellpadding="0">

<tr>

<td align="center" colspan="2">

Forgot Your Password?</td>

</tr>

<tr>

<td align="center" colspan="2">

Enter your User Name to receive your password.</td>

</tr>

<tr>

<td align="right">

<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label></td>

<td>

<asp:TextBox ID="UserName" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"

ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="color: red">

<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="SubmitButton" runat="server" CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</UserNameTemplate>

<SuccessTemplate>

<table border="0" cellpadding="1">

<tr>

<td>

<table border="0" cellpadding="0">

<tr>

<td>

Your password has been sent to you.</td>

</tr>

</table>

</td>

</tr>

</table>

</SuccessTemplate>

</asp:PasswordRecovery>

</div>

</form>

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值