码迷,mamicode.com
首页 > Web开发 > 详细

ChangePassword 控件(ASP.net)

时间:2016-04-08 15:13:23      阅读:613      评论:0      收藏:0      [点我收藏+]

标签:

参考链接:https://msdn.microsoft.com/zh-cn/library/cc294841.aspx

  • 通过“ChangePassword”控件,用户可以更改自己的密码。用户必须先提供原始密码,然后再创建并确认新密码。如果原始密码正确,则用户密码将更改为新密码。该控件还支持发送关于新密码的电子邮件。
  • ChangePassword”控件由通过身份验证和未通过身份验证的用户使用。如果用户未通过身份验证,该控件将提示用户输入登录名。如果用户已通过身份验证,该控件将以用户的登录名填充文本框。

向网页中添加 ChangePassword 控件

将“ChangePassword”控件从“工具箱”任务窗格拖放到网页上。

技术分享


在 ChangePassword 控件模板之间切换

  1. 在“设计”视图中,右键单击“ChangePassword”控件,再单击“显示常用控制任务”。

    技术分享提示:

    您也可以在“设计”视图中单击“ChangePassword”控件,再单击右上角的箭头 技术分享,以显示“ChangePassword 任务”菜单。再次单击该箭头可隐藏菜单。

  2. 在“ChangePassword 任务”菜单上,选择“视图”下拉列表中的“更改密码”或“成功”。模板将切换到所选的视图。

  3. 技术分享

  4. 技术分享

  5. 技术分享

对每个模板视图,都可以应用格式。


ChangePassword”控件包含两个可向用户显示的模板化视图。

①第一个模板是“ChangePasswordTemplate”,它显示用来收集更改用户密码所需数据的用户界面。

②第二个模板是“SuccessTemplate”,它定义当用户密码更改成功后显示的用户界面。

代码:

        <asp:ChangePasswordID="ChangePassword1" runat="server" 
            CancelButtonText=" 取 消 "  
            CancelDestinationPageUrl="~/Default.aspx" 
            ChangePasswordButtonText="修改密码 " 
            ChangePasswordFailureText="密码错误或新密码无效。<br>新密码的最短长度为 {0},其中必须包含至少{1}个非字母数字字符。 " 
            ConfirmPasswordCompareErrorMessage="“确认新密码”与“新密码”项必须匹配!" 
            ConfirmPasswordRequiredErrorMessage="必须填写“确认新密码”!" 
            ContinueDestinationPageUrl="~/Login.aspx" 
            NewPasswordRegularExpressionErrorMessage="请另输入一个密码!" 
            NewPasswordRequiredErrorMessage="必须填写“新密码”!" 
            PasswordRequiredErrorMessage="必须填写“密码”!" 
            Width="450px" 
            Height="246px"  CssClass="content-text" >
           <TextBoxStyle Width="200px" />
            
           //更改用户密码所需数据的用户界面
          <ChangePasswordTemplate>  
                <table border="0" cellpadding="0" cellspacing="0"  style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <table border="0" cellpadding="0" style="height:246px;width:450px;">
                                <tr>
                                    <td align="center" colspan="2" 
                                         class="content-title">
                                        修改密码 
                                    </td>
                                </tr>
                                <tr>
                                    <td  style="width:130px;" class ="tdtitle ">
                                        <asp:Label ID="CurrentPasswordLabel" runat="server"  
                                            AssociatedControlID="CurrentPassword">原密码:</asp:Label>
                                    </td>
                                   
。。。。。省略
                            </table>
                        </td>
                    </tr>
                </table>
            </
ChangePasswordTemplate>

//用户密码更改成功后显示的用户界面。
         <
SuccessTemplate>
                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <table border="0" cellpadding="0" style="height:246px;width:450px;">
                                <tr>
                                    <td align="center" class="content-title">
                                        密码修改完成 
                                    </td>
                                </tr>
                                <tr style="height:150px;">
                                    <td align="center">
                                        <asp:Literal ID="SuccessTitleText" runat="server" EnableViewState="False">您的密码已修改!</asp:Literal>
                                    </td>
                                </tr>
                                <tr>
                                    <td  colspan ="2">
                                        <asp:Button ID="ContinueButton" runat="server" CommandName="Continue" CssClass="button " Text=" 继 续 " 
                                            ValidationGroup="ChangePassword1" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </
SuccessTemplate>            
        </
asp:ChangePassword>


比如说我添加完这个后,界面分别如下:

技术分享


技术分享

向 ChangePassword 控件应用基本格式架构

  1. 在“设计”视图中,右键单击“ChangePassword”控件,再单击“显示常用控制任务”。

  2. 在“ChangePassword 任务”菜单上,单击“自动套用格式”。

  3. 在“自动套用格式”对话框中,从“选择架构”列表中选择一个架构。该架构对“ChangePassword”控件产生的效果将显示在“预览”区域中。

  4. 单击“确定”应用格式架构并关闭对话框,或者单击“应用”应用格式架构而不关闭对话框。

若要设置确定“ChangePassword”控件的外观和行为的其他属性(包括控件处于各种状态下时所显示的文本),请使用“标记属性”任务窗格。


ChangePassword 控件(ASP.net)

标签:

原文地址:http://blog.csdn.net/qq_34496400/article/details/51094452

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!