Ngôn ngữ ASP.NET - CreateUserWizard

Đối tượng điều khiển CreateUserWizard

Điều khiển CreateUserWizard đưa ra một Form đăng ký người sử dụng, người đăng ký mới đó sẽ được thêm vào website của bạn. Điều khiển CreateUserWizard sử dụng ASP.NET Menbership để tạo một người sử dụng mới. Điều khiển CreateUserWizard hỗ trợ rất nhiều thuộc tính cho phép bạn tùy chỉnh cách hiển thị 

Điều khiển CreateUserWizard tập hợp các thông tin người dùng sau:

  • User name : Tài khoản người sử dụng
  • Password: Mật khẩu người sử dụng
  • Confirmation of password: Xác nhận lại mật khẩu
  • E-mail address: Địa chỉ Email
  • Security question: Câu hỏi bảo mật
  • Security answer: Câu trả lời bảo mật

Điều khiển CreateUserWizard có 2 bước (steps):

  1. Sign up for your new account: Bước 1 tạo tài khoản
  2. Complete: Bước 2 kết thúc đăng ký
     

Một số thuộc tính thường dùng:

Thuộc tính Ý nghĩa
Answer Xác định câu trả lời cho câu hỏi xác nhận khôi phục mật khẩu.
CompleteStep Bước cuối cùng tạo tài khoản
ContinueButtonText Định dạng cho nút Continue
Email Lấy Email của người sử dụng
LoginCreatedUser Cho biết người dùng lần đầu tiên đăng nhập là True

Một số sự kiện thường dùng

Sự kiện Ý nghĩa
CreatedUser Sự kiện này xảy ra khi một tài khoản mới được tạo bởi Membership
CreatingUser Sự kiện này xảy ra khi một tài khoản mới đang được tạo bởi Membership
SendingMail Sự kiện này xảy ra trước khi gởi thông tin đang ký cho người sử dụng
SendMailError Sự kiện này xảy ra trong suốt quá trình gởi mail bị lỗi

Ví dụ : Tạo trang web CreateUserWizard.apsx, có điều khiển CreateUserWizard :

Bước 1:  Kéo thả điều khiển CreateUserWizard từ ToolBox vào giao diện thiết kế

Bước 2: Định dạng giao diện chọn Auto Format --> Chọn scheme --> Chọn Ok


Bước 3: Nhập lại nội dung chọn Customize Create User Step (có thể nhập trong properties window)


Code trang CreateUserWizard.aspx:
 

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:CreateUserWizard ID="CreateUserWizard1" runat="server" BackColor="#FFFBD6" BorderColor="#FFDFAD" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em">
            <ContinueButtonStyle BackColor="White" BorderColor="#CC9966" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#990000" />
            <CreateUserButtonStyle BackColor="White" BorderColor="#CC9966" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#990000" />
            <TitleTextStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
            <WizardSteps>
                <asp:CreateUserWizardStep runat="server">
                    <ContentTemplate>
                        <table style="background-color:#FFFBD6;font-family:Verdana;font-size:100%;">
                            <tr>
                                <td align="center" colspan="2" style="color:White;background-color:#990000;font-weight:bold;">Đăng ký thành&nbsp; viên</td>
                            </tr>
                            <tr>
                                <td align="right">Tài khoản:</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="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">Mật khẩu</td>
                                <td>
                                    <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">Xác nhận mật khẩu</td>
                                <td>
                                    <asp:TextBox ID="ConfirmPassword" runat="server" TextMode="Password"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="ConfirmPasswordRequired" runat="server" ControlToValidate="ConfirmPassword" ErrorMessage="Confirm Password is required." ToolTip="Confirm Password is required." ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    <asp:Label ID="EmailLabel" runat="server" AssociatedControlID="Email">E-mail:</asp:Label>
                                </td>
                                <td>
                                    <asp:TextBox ID="Email" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="EmailRequired" runat="server" ControlToValidate="Email" ErrorMessage="E-mail is required." ToolTip="E-mail is required." ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">Câu hỏi bảo mật:</td>
                                <td>
                                    <asp:TextBox ID="Question" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="QuestionRequired" runat="server" ControlToValidate="Question" ErrorMessage="Security question is required." ToolTip="Security question is required." ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">Câu trả lời bảo mật:</td>
                                <td>
                                    <asp:TextBox ID="Answer" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="AnswerRequired" runat="server" ControlToValidate="Answer" ErrorMessage="Security answer is required." ToolTip="Security answer is required." ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" colspan="2">Mật khẩu và xác nhận mật khẩu phải trùng khớp</td>
                            </tr>
                            <tr>
                                <td align="center" colspan="2" style="color:Red;">
                                    <asp:Literal ID="ErrorMessage" runat="server" EnableViewState="False"></asp:Literal>
                                </td>
                            </tr>
                        </table>
                    </ContentTemplate>
                </asp:CreateUserWizardStep>
                <asp:CompleteWizardStep runat="server">
                    <ContentTemplate>
                        <table style="background-color:#FFFBD6;font-family:Verdana;font-size:100%;">
                            <tr>
                                <td align="center" colspan="2" style="color:White;background-color:#990000;font-weight:bold;">Complete</td>
                            </tr>
                            <tr>
                                <td>Your account has been successfully created.</td>
                            </tr>
                            <tr>
                                <td align="right" colspan="2">
                                    <asp:Button ID="ContinueButton" runat="server" BackColor="White" BorderColor="#CC9966" BorderStyle="Solid" BorderWidth="1px" CausesValidation="False" CommandName="Continue" Font-Names="Verdana" ForeColor="#990000" Text="Continue" ValidationGroup="CreateUserWizard1" />
                                </td>
                            </tr>
                        </table>
                    </ContentTemplate>
                </asp:CompleteWizardStep>
            </WizardSteps>
            <HeaderStyle BackColor="#FFCC66" BorderColor="#FFFBD6" BorderStyle="Solid" BorderWidth="2px" Font-Bold="True" Font-Size="0.9em" ForeColor="#333333" HorizontalAlign="Center" />
            <NavigationButtonStyle BackColor="White" BorderColor="#CC9966" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#990000" />
            <SideBarButtonStyle ForeColor="White" />
            <SideBarStyle BackColor="#990000" Font-Size="0.9em" VerticalAlign="Top" />
        </asp:CreateUserWizard>
    
    </div>
    </form>
</body>
</html>

Thực thi trang web cho kết quả:

Nếu nhập sai thông tin đăng ký sẽ thông báo lỗi:

Chúng ta có thể khai báo lại thông báo lỗi trong properties window: