Mercurial > pub > bltoolkit
comparison Demo/Asp.Net/Web/CheckOut.aspx @ 0:f990fcb411a9
Копия текущей версии из github
| author | cin |
|---|---|
| date | Thu, 27 Mar 2014 21:46:09 +0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f990fcb411a9 |
|---|---|
| 1 <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="CheckOut.aspx.cs" Inherits="PetShop.Web.CheckOut" Title="Check Out" %> | |
| 2 <%@ Register Src="Controls/CartList.ascx" TagName="CartList" TagPrefix="PetShopControl" %> | |
| 3 <%@ Register Src="Controls/AddressConfirm.ascx" TagName="AddressConfirm" TagPrefix="PetShopControl" %> | |
| 4 <%@ Register Src="Controls/AddressForm.ascx" TagName="AddressForm" TagPrefix="PetShopControl" %> | |
| 5 | |
| 6 <asp:Content ID="cntPage" ContentPlaceHolderID="cphPage" Runat="Server" EnableViewState="false"> | |
| 7 <div align="center" class="checkoutPosition"> | |
| 8 | |
| 9 <script type="text/javascript" language="javascript"> | |
| 10 function ClientValidate(source, arguments) | |
| 11 { | |
| 12 var dtNow = new Date(); | |
| 13 var tmp = new String(arguments.Value); | |
| 14 var dtCard = new Date(); | |
| 15 | |
| 16 dtCard.setFullYear(tmp.split("/")[1]); | |
| 17 dtCard.setMonth (tmp.split("/")[0]-1); | |
| 18 dtCard.setDate(30); | |
| 19 | |
| 20 arguments.IsValid = dtNow < dtCard; | |
| 21 } | |
| 22 </script> | |
| 23 | |
| 24 <table border="0" cellpadding="0" cellspacing="0" class="checkoutContent" width="100%"> | |
| 25 <tr> | |
| 26 <td> | |
| 27 <div class="label"> | |
| 28 <asp:Label ID="lblMsg" runat="server" EnableViewState="false"></asp:Label> | |
| 29 </div> | |
| 30 <asp:Wizard ID="wzdCheckOut" runat="server" | |
| 31 DisplaySideBar = "False" | |
| 32 OnActiveStepChanged = "wzdCheckOut_ActiveStepChanged" | |
| 33 OnFinishButtonClick = "wzdCheckOut_FinishButtonClick" | |
| 34 SkinID = "wzdCheckOut"> | |
| 35 <WizardSteps> | |
| 36 <asp:WizardStep ID="wzdStep1" runat="server" Title="Billing Address"> | |
| 37 <asp:Panel ID="panFicusStep1" runat="server" DefaultButton="StartNextButton"> | |
| 38 <PetShopControl:AddressForm ID="billingForm" runat="server" /> | |
| 39 <table border="0" cellpadding="0" cellspacing="0" class="checkoutButtonBg" width="100%"> | |
| 40 <tr> | |
| 41 <td></td> | |
| 42 <td align="right"> | |
| 43 <asp:LinkButton ID="StartNextButton" runat="server" | |
| 44 CommandName = "MoveNext" | |
| 45 CssClass = "continue" | |
| 46 Text = "Next" /> | |
| 47 </td> | |
| 48 </tr> | |
| 49 </table> | |
| 50 </asp:Panel> | |
| 51 </asp:WizardStep> | |
| 52 <asp:WizardStep ID="wzdStep2" runat="server" Title="Shipping Address"> | |
| 53 <asp:Panel ID="panFicusStep2" runat="server" DefaultButton="StepNextButton"> | |
| 54 <div class="checkOutLabel"> | |
| 55 <asp:CheckBox ID="chkShipToBilling" runat="server" | |
| 56 AutoPostBack = "True" | |
| 57 OnCheckedChanged = "chkShipToBilling_CheckedChanged" | |
| 58 Text = "Ship to billing address" /> | |
| 59 </div> | |
| 60 <PetShopControl:AddressForm ID="shippingForm" runat="server" /> | |
| 61 <table border="0" cellpadding="0" cellspacing="0" class="checkoutButtonBg" width="100%"> | |
| 62 <tr> | |
| 63 <td align="left"> | |
| 64 <asp:LinkButton ID="StepPreviousButton" runat="server" | |
| 65 CausesValidation = "False" | |
| 66 CommandName = "MovePrevious" | |
| 67 CssClass = "back" | |
| 68 Text = "Previous" /> | |
| 69 </td> | |
| 70 <td align="right"> | |
| 71 <asp:LinkButton ID="StepNextButton" runat="server" | |
| 72 CommandName = "MoveNext" | |
| 73 CssClass = "continue" | |
| 74 Text = "Next"/> | |
| 75 </td> | |
| 76 </tr> | |
| 77 </table> | |
| 78 </asp:Panel> | |
| 79 </asp:WizardStep> | |
| 80 <asp:WizardStep ID="wzdStep3" runat="server" Title="Payment Information"> | |
| 81 <asp:Panel ID="panFicusStep3" runat="server" DefaultButton="StepNextButton2"> | |
| 82 <table border="0" cellpadding="0" cellspacing="0"> | |
| 83 <tr> | |
| 84 <td class="label">Credit Card Number<br /> | |
| 85 <asp:TextBox ID="txtCCNumber" runat="server" CssClass="checkoutTextbox" Width="330px">4444123412341234</asp:TextBox><br /> | |
| 86 <asp:RequiredFieldValidator ID="valCCNumber" runat="server" | |
| 87 ControlToValidate = "txtCCNumber" | |
| 88 Display = "Dynamic" | |
| 89 ErrorMessage = "Please enter card number." /> | |
| 90 <asp:RegularExpressionValidator ID="valCCNumber1" runat="server" | |
| 91 ControlToValidate="txtCCNumber" | |
| 92 Display = "Dynamic" | |
| 93 ErrorMessage = "Card number invalid." | |
| 94 ValidationExpression = "^([0-9]{15,16})$" /> </td> | |
| 95 </tr> | |
| 96 <tr> | |
| 97 <td class="label">Expiration Date (MM/YYYY)<br /> | |
| 98 <asp:TextBox ID="txtExpDate" runat="server" CssClass="checkoutTextbox" Width="155px">12/2009</asp:TextBox><br /> | |
| 99 <asp:RequiredFieldValidator ID="valExpDate" runat="server" | |
| 100 ControlToValidate="txtExpDate" | |
| 101 Display="Dynamic" | |
| 102 ErrorMessage="Please enter expiration date." /> | |
| 103 <asp:RegularExpressionValidator ID="valExpDate1" runat="server" | |
| 104 ControlToValidate = "txtExpDate" | |
| 105 ErrorMessage = "Invalid date format." | |
| 106 ValidationExpression = "^((0[1-9])|(1[0-2]))\/(\d{4})$" | |
| 107 Display = "Dynamic" /> | |
| 108 <asp:CustomValidator ID="valExpDate2" runat="server" | |
| 109 ClientValidationFunction = "ClientValidate" | |
| 110 ControlToValidate = "txtExpDate" | |
| 111 Display = "Dynamic" | |
| 112 ErrorMessage = "Expiration date invalid." | |
| 113 OnServerValidate = "ServerValidate" /> | |
| 114 </td> | |
| 115 </tr> | |
| 116 <tr> | |
| 117 <td class="label">Credit card Type<br /> | |
| 118 <asp:DropDownList ID="listCCType" runat="server" CssClass="checkoutDropdown"> | |
| 119 <asp:ListItem>Visa</asp:ListItem> | |
| 120 <asp:ListItem>Master Card</asp:ListItem> | |
| 121 <asp:ListItem>American Express</asp:ListItem> | |
| 122 <asp:ListItem>Discovery</asp:ListItem> | |
| 123 </asp:DropDownList> | |
| 124 </td> | |
| 125 <td> </td> | |
| 126 </tr> | |
| 127 </table> | |
| 128 <p> </p> | |
| 129 <table border="0" cellpadding="0" cellspacing="0" class="checkoutButtonBg" width="100%"> | |
| 130 <tr> | |
| 131 <td align="left"> | |
| 132 <asp:LinkButton ID="LinkButton1" runat="server" | |
| 133 CausesValidation="False" | |
| 134 CommandName="MovePrevious" | |
| 135 CssClass="back" Text="Previous" /> | |
| 136 </td> | |
| 137 <td align="right"> | |
| 138 <asp:LinkButton ID="StepNextButton2" runat="server" | |
| 139 CommandName="MoveNext" | |
| 140 CssClass="continue" Text="Next" /> | |
| 141 </td> | |
| 142 </tr> | |
| 143 </table> | |
| 144 </asp:Panel> | |
| 145 </asp:WizardStep> | |
| 146 <asp:WizardStep ID="wzdStep4" runat="server" StepType="Finish" Title="Confirmation"> | |
| 147 <asp:Panel ID="panFicusStep4" runat="server" DefaultButton="FinishButton"> | |
| 148 <div class="checkOutLabel"> | |
| 149 Your order will not be processed until you select "Submit Order" below.<br /><br /> | |
| 150 <strong>Billing address:<br /></strong> | |
| 151 <PetShopControl:AddressConfirm ID="billingConfirm" runat="server" /><br /> | |
| 152 <strong>Shipping address:<br /></strong> | |
| 153 <PetShopControl:AddressConfirm ID="shippingConfirm" runat="server"/> | |
| 154 </div> | |
| 155 <div class="checkOutLabel"> | |
| 156 A total of <span class="labelBold"> | |
| 157 <asp:Literal ID="ltlTotal" runat="server"></asp:Literal></span> will be charged to your credit card, ending with <span class="labelBold"> | |
| 158 <asp:Literal ID="ltlCreditCard" runat="server"></asp:Literal></span>. | |
| 159 </div> | |
| 160 <table border="0" cellpadding="0" cellspacing="0" class="checkoutButtonBg" width="100%"> | |
| 161 <tr> | |
| 162 <td align="left"> | |
| 163 <asp:LinkButton ID="FinishPreviousButton" runat="server" | |
| 164 CausesValidation = "False" | |
| 165 CommandName = "MovePrevious" | |
| 166 CssClass = "back" | |
| 167 Text = "Previous" /> | |
| 168 </td> | |
| 169 <td align="right"> | |
| 170 <asp:LinkButton ID="FinishButton" runat="server" | |
| 171 CommandName = "MoveComplete" | |
| 172 CssClass = "submit" | |
| 173 Text = "Submit Order" /> | |
| 174 </td> | |
| 175 </tr> | |
| 176 </table> | |
| 177 </asp:Panel> | |
| 178 </asp:WizardStep> | |
| 179 <asp:WizardStep ID="wzdStep5" runat="server" AllowReturn="False" StepType="Complete" Title="Receipt"> | |
| 180 <div class="checkOutLabel"> | |
| 181 Thank you for your order!<br /><br /> | |
| 182 <PetShopControl:CartList ID="CartListOrdered" runat="server" /> | |
| 183 <br /> | |
| 184 <p> | |
| 185 A total of <strong><asp:Literal ID="ltlTotalComplete" runat="server" /></strong> | |
| 186 is being charged to your credit card, ending with | |
| 187 <strong><asp:Literal ID="ltlCreditCardComplete" runat="server"></asp:Literal></strong>. | |
| 188 </p> | |
| 189 <p>If you have any questions regarding this order, please contact our customer service at anytime.</p> | |
| 190 <p>The .NET Pet Shop Team</p> | |
| 191 </div> | |
| 192 </asp:WizardStep> | |
| 193 </WizardSteps> | |
| 194 <HeaderStyle HorizontalAlign="Left" /> | |
| 195 <HeaderTemplate><%= wzdCheckOut.ActiveStep.Title %></HeaderTemplate> | |
| 196 <StartNavigationTemplate></StartNavigationTemplate> | |
| 197 <StepNavigationTemplate></StepNavigationTemplate> | |
| 198 <FinishNavigationTemplate></FinishNavigationTemplate> | |
| 199 </asp:Wizard> | |
| 200 </td> | |
| 201 </tr> | |
| 202 </table> | |
| 203 | |
| 204 </div> | |
| 205 </asp:Content> | |
| 206 |
