<%@ Page Title="" Language="C#" MasterPageFile="~/MSD.Master" AutoEventWireup="true" |
Theme="AdGeo" CodeBehind="MemberRegistration.aspx.cs" Inherits="MSD_web.MemberRegistration" %> |
|
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<asp:Content ID="Content1" ContentPlaceHolderID="HeadHolder" runat="server"> |
<script type="text/javascript"> |
function ValidateCombo(source, arguments) { |
var panelbar = $find("<%= RadPanelBar1.ClientID %>"); |
var item = panelbar.findItemByValue("AccountInformation"); |
var secretQuestion = item.findControl("cmbSecretQuestion"); |
|
if (secretQuestion._text == 'Choose a secret question ->') |
arguments.IsValid = false; |
else |
arguments.IsValid = true; |
|
} |
</script> |
</asp:Content> |
<asp:Content ID="Content4" ContentPlaceHolderID="MainContentPlaceHolder" runat="server"> |
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" > |
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" |
Width="740px" Skin="Forest" > |
<Items> |
<telerik:RadPanelItem Expanded="True" Text="Step 1: Account Information" runat="server" |
Selected="true"> |
<Items> |
<telerik:RadPanelItem Value="AccountInformation" runat="server"> |
<ItemTemplate> |
<div class="text" style="background-color: #edf9fe"> |
<ul class="formList" id="accountInfo"> |
<li> |
<asp:Label ID="FirstNameLabel" runat="server" AssociatedControlID="FirstName" CssClass="formLabel">First Name*:Account Name:</asp:Label> |
<telerik:RadTextBox ID="FirstName" runat="server" EmptyMessage="Your first name" Width="200px" |
Skin="AdGeo" EnableEmbeddedSkins="false" > |
</telerik:RadTextBox> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="FirstName" |
CssClass="error" ErrorMessage="First Name is required." ToolTip="First Name is required." |
ValidationGroup="SubmitGroup">*</asp:RequiredFieldValidator> |
|
</li> |
<li> |
<asp:Label ID="LastNameLabel" runat="server" AssociatedControlID="LastName" CssClass="formLabel">Last Name*:Password:</asp:Label> |
<telerik:RadTextBox ID="LastName" runat="server" EmptyMessage="Enter last name" Skin="AdGeo" |
EnableEmbeddedSkins="false" Width="200px" > |
</telerik:RadTextBox> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="LastName" |
CssClass="error" ErrorMessage="Last Name is required." ToolTip="Last Name is required." |
ValidationGroup="SubmitGroup">*</asp:RequiredFieldValidator> |
|
</li> |
<li> |
<asp:Label ID="EmailLabel" runat="server" AssociatedControlID="Email" CssClass="formLabel">E-mail address*:Confirm Password:</asp:Label> |
<telerik:RadTextBox ID="Email" runat="server" EmptyMessage="Enter e-mail address" |
Skin="AdGeo" EnableEmbeddedSkins="false" Width="200px" > |
</telerik:RadTextBox> |
<asp:RequiredFieldValidator ID="EmailRequired" runat="server" ControlToValidate="Email" |
CssClass="error" ErrorMessage="E-mail is required." ToolTip="E-mail is required." |
ValidationGroup="SubmitGroup">*</asp:RequiredFieldValidator> |
|
</li> |
<li> |
<asp:Label ID="PhoneLabel" runat="server" AssociatedControlID="Phone" CssClass="formLabel">Phone number:Email:</asp:Label> |
<telerik:RadMaskedTextBox ID="Phone" runat="server" Mask="(###) ###-####" Width="200px" |
Skin="AdGeo" EnableEmbeddedSkins="false"> |
</telerik:RadMaskedTextBox> |
|
</li> |
<li> |
<asp:Label ID="CellPhoneLable" runat="server" AssociatedControlID="CellPhone" CssClass="formLabel">Cell Phone:</asp:Label> |
<telerik:RadMaskedTextBox ID="CellPhone" runat="server" Mask="(###) ###-####" Width="200px" |
Skin="AdGeo" EnableEmbeddedSkins="false"> |
</telerik:RadMaskedTextBox> |
</li> |
<li> |
<asp:Label ID="Label10" runat="server" AssociatedControlID="cmbSecretQuestion" CssClass="formLabel">Security Question*:</asp:Label> |
<telerik:RadComboBox ID="cmbSecretQuestion" runat="server" Style="margin-right: 5px;" |
Skin="AdGeo" EnableEmbeddedSkins="false" Width="200px" |
BorderColor="#000066" BorderWidth="1px" MaxHeight="100px"> |
<ExpandAnimation Type="Linear" /> |
<Items> |
<telerik:RadComboBoxItem Text="Choose a secret question ->" Value="" /> |
<telerik:RadComboBoxItem Text="What is your mother's maiden name?" /> |
<telerik:RadComboBoxItem Text="What year did you graduate from high school?" /> |
<telerik:RadComboBoxItem Text="What was your highschool's mascot?" /> |
<telerik:RadComboBoxItem Text="What was your first pet's name?" /> |
<telerik:RadComboBoxItem Text="What was your first car?" /> |
<telerik:RadComboBoxItem Text="Where was your father born?" /> |
</Items> |
</telerik:RadComboBox> |
<asp:CustomValidator ID="CustomValidator4" runat="server" ControlToValidate="cmbSecretQuestion" |
ErrorMessage="Please choose a secret question." ToolTip="Secret question is required." |
ValidationGroup="SubmitGroup" CssClass="error" |
ClientValidationFunction="ValidateCombo">*</asp:CustomValidator> |
</li> |
<li> |
<asp:Label ID="Label11" runat="server" AssociatedControlID="SecretAnswer" CssClass="formLabel">Security Answer*:</asp:Label> |
<telerik:RadTextBox ID="SecretAnswer" runat="server" TextMode="SingleLine" Skin="AdGeo" |
EnableEmbeddedSkins="false" Width="200px" > |
</telerik:RadTextBox> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="SecretAnswer" |
ErrorMessage="Secret Answer is required." ToolTip="Secret answer is required." |
ValidationGroup="SubmitGroup" CssClass="error">*</asp:RequiredFieldValidator> |
</li> |
|
</ul> |
<br /> |
<asp:ValidationSummary ID="ValidationSummary1" runat="server" Font-Italic="True" ValidationGroup="SubmitGroup" /> |
<br /> |
<asp:Literal ID="ErrorMessage" runat="server" EnableViewState="False"></asp:Literal> |
<asp:Button runat="server" ID="nextButton" OnClick="nextButton_Click" Text="Next" |
CssClass="nextButton" ValidationGroup="SubmitGroup" /><br /> |
<br /> |
</div> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem Expanded="false" Enabled="false" Text="Step 2: Options" runat="server" |
Selected="false"> |
<Items> |
<telerik:RadPanelItem Value="AccountInformation" runat="server"> |
<ItemTemplate> |
<div class="text" style="background-color: #edf9fe"> |
<ul class="formList" id="accountInfo"> |
<li> |
<asp:Label runat="server" ID="nameLabel" >Account Name:First Name*:</asp:Label> |
|
</li> |
<li> |
<asp:Label runat="server" ID="Label1" >Password:Last Name*:</asp:Label> |
|
</li> |
<li> |
<asp:Label runat="server" ID="Label2" >Confirm Password:E-mail address*:</asp:Label> |
|
</li> |
<li class="lastListItem"> |
<asp:Label runat="server" ID="Label3" >Email:Phone number:</asp:Label> |
|
</li> |
<li> |
<asp:Label ID="CellPhoneLable" runat="server" CssClass="formLabel">Cell Phone:</asp:Label> |
|
</li> |
<li> |
<asp:Label ID="Label10" runat="server" AssociatedControlID="cmbTimeRange" |
CssClass="formLabel">Best time to call:</asp:Label> |
<telerik:RadComboBox ID="cmbTimeRange" runat="server" |
BorderColor="#000066" BorderWidth="1px" EnableEmbeddedSkins="false" |
MaxHeight="100px" Skin="AdGeo" Style="margin-right: 5px;" Width="200px"> |
<ExpandAnimation Type="Linear" /> |
<Items> |
<telerik:RadComboBoxItem Text="Select your desired call time ->" Value="" /> |
<telerik:RadComboBoxItem Text="6:00 AM to 8:00 AM" /> |
<telerik:RadComboBoxItem Text="8:00 AM to 10:00 AM" /> |
<telerik:RadComboBoxItem Text="10:00 AM to 12:00 PM" /> |
<telerik:RadComboBoxItem Text="12:00 PM to 2:00 PM" /> |
<telerik:RadComboBoxItem Text="2:00 PM to 4:00 PM" /> |
<telerik:RadComboBoxItem Text="4:00 PM to 6:00 PM" /> |
<telerik:RadComboBoxItem Text="6:00 PM to 8:00 PM" /> |
<telerik:RadComboBoxItem Text="8:00 PM to 10:00 PM" /> |
<telerik:RadComboBoxItem Text="10:00 PM to 12:00 AM" /> |
</Items> |
</telerik:RadComboBox> |
|
</li> |
|
</ul> |
<br /> |
|
<asp:Literal ID="ErrorMessage" runat="server" EnableViewState="False"></asp:Literal> |
|
<asp:Button runat="server" ID="nextButton" Text="Next" OnClick="nextButton_Click" CssClass="nextButton7" /> |
|
<br /> |
<br /> |
<br /> |
</div> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem Enabled="False" Text="Step 3: Terms of use" runat="server"> |
<Items> |
<telerik:RadPanelItem Value="Register" runat="server"> |
<ItemTemplate> |
<div class="text" style="background-color: #edf9fe"> |
<ul class="formList" id="termsOfUse"> |
<li class="lastListItem"> |
<img src="Images/terms.gif" alt="sample terms" width="550" height="224" /> |
<br /> |
<br /> |
<asp:CheckBox runat="server" ID="termsCheckBox" /><asp:Label ID="Label7" runat="server" |
CssClass="checkboxLabel" AssociatedControlID="termsCheckBox">I agree to the Terms & Conditions</asp:Label> |
<asp:CustomValidator runat="server" ValidationGroup="registerGroup" ErrorMessage="You should agree with the terms and conditions.!" |
ClientValidationFunction="validateTerms" ID="termsValidator" Text="*" /> |
<br /> |
<asp:Button runat="server" ID="registerButton" ValidationGroup="registerGroup" Text="Register" |
CssClass="nextButton" /> |
<br /> |
<br /> |
</li> |
</ul> |
</div> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
<CollapseAnimation Duration="100" Type="None" /> |
<ExpandAnimation Duration="100" Type="None" /> |
</telerik:RadPanelBar> |
</telerik:RadAjaxPanel> |
</asp:Content> |
|