1 <!-- https://www.jcpenney.com/dotcom/jsp/checkout/secure/checkout.jsp -->
2 <form name=
"frmAddCreditCard" method=
"post" action=
"#" id=
"frmAddCreditCard">
4 <!-- Display bread crumb -->
5 <div id=
"pnlBreadCrumb">
6 <table border=
"0" cellpadding=
"0" cellspacing=
"0">
9 <a href=
"#"><img border=
"0" height=
"60" width=
"172" src=
"#" alt=
"jcpenney.com" /><img border=
"0" width=
"4" src=
"#" alt=
"" /><br />
10 <img border=
"0" width=
"4" src=
"#" alt=
"" /></a>
13 <a id=
"Breadcrumb_hlStep1" href=
"#" name=
"Breadcrumb_hlStep1"><img src=
"#" alt=
"Step 1 of 4, Login" /></a>
16 <a id=
"Breadcrumb_hlStep2" href=
"#" name=
"Breadcrumb_hlStep2"><img src=
"#" alt=
"Step 2 of 4, Billing and Shipping" /></a>
19 <a id=
"Breadcrumb_hlStep3" href=
"#" name=
"Breadcrumb_hlStep3"><img src=
"#" alt=
"Step 3 of 4, Order Summary" /></a>
22 <a id=
"Breadcrumb_hlStep4" name=
"Breadcrumb_hlStep4"><img src=
"#" alt=
"Step 4 of 4, Payment Options" /></a>
29 <img border=
"0" height=
"40" width=
"40" src=
"#" alt=
"" />
32 <font class=
"ErrorMessageSmall">Javascript is disabled in your browser.
</font> <font class=
"ErrorMessageSmallNonBold">Javascript is used to provide you with the best shopping experience.
<br />
33 Please enable Javascript on your browser and refresh this page before continuing.
</font> <a class=
"JavascriptLink" target=
"_blank" href=
"#">How to enable Javascript...
</a><br />
37 </div><!-- Display page header -->
39 <table width=
"770" border=
"0" cellpadding=
"0" cellspacing=
"0" summary=
"Page Heading">
41 <td valign=
"bottom" class=
"PageHeading">
44 <td align=
"right" class=
"StandardCell">
45 <!-- Display Order total as additional information -->
46 <div id=
"PageHeader_pnlAdditionalInfo">
47 <font class=
"HighlightText">ORDER TOTAL:
</font> <span id=
"PageHeader_lblOrderTotal">$
20.05</span>
48 </div><!-- Display order total, gift card total and balance amount to pay as additional information -->
52 <td valign=
"top" colspan=
"2">
53 <img height=
"1" src=
"#" width=
"755" alt=
"" /><br />
54 <span id=
"PageHeader_lblErrors" class=
"ErrorMessageSmall"></span>
57 <img height=
"16" src=
"#" width=
"15" alt=
"" />
61 <div id=
"validationErrorSummary" class=
"ErrorMessageSmall" style=
"color:Red;display:none;"></div><!--Display AddCreditCard box heading -->
62 <table width=
"768" border=
"0" cellpadding=
"0" cellspacing=
"0">
64 <td colspan=
"3" class=
"StandardCellHeading">
65 <span id=
"lblBoxHeading" class=
"PageHeading"> credit card
</span>
69 <td width=
"1" class=
"Border">
70 <img width=
"0" height=
"0" src=
"#" alt=
"" />
73 <div id=
"pnlExpressCheckout"></div>
74 <table width=
"100%" border=
"0" cellpadding=
"3" cellspacing=
"0" summary=
"Payment Options">
76 <td class=
"StandardCell" colspan=
"3">
79 <td class=
"StandardCell" width=
"5%">
82 <td class=
"StandardCell" width=
"95%">
83 Fields marked with an asterisk (*) are required.
88 </tr><!-- Display Express Checkout Option -->
90 <td class=
"CellAccent1" align=
"right">
93 <td class=
"CellAccent1" colspan=
"2">
96 </tr><!-- Display Card Type -->
98 <td class=
"CellAccent1" align=
"right" valign=
"middle">
99 <span id=
"lblCardType">*Card type:
</span>
101 <td class=
"CellAccent1" valign=
"middle">
102 <select name=
"drpdwnCardTypes" id=
"drpdwnCardTypes" class=
"StandardCell">
103 <option value=
"JCP1">
106 <option value=
"Visa">
109 <option value=
"Mastercard">
112 <option value=
"Amex">
115 <option value=
"Discover">
120 <td class=
"CellAccent1" valign=
"top" width=
"100%">
121 <img id=
"imgSevenCards" alt=
"JCPenney, Discover, Visa, Master Card, American Express" src=
"#" />
123 </tr><!-- Display Name on Card -->
125 <td class=
"CellAccent1" align=
"right">
126 <span id=
"lblCardName">*Name on the card:
</span>
128 <td class=
"CellAccent1" colspan=
"2">
129 <input name=
"txtNameOnCreditCard" type=
"text" size=
"20" id=
"txtNameOnCreditCard" title=
"Name on the card, Required" class=
"StandardCell" />
131 </tr><!-- Display Card Number -->
133 <td class=
"CellAccent1" align=
"right">
134 <span id=
"lblCardNumber">*Card number:
</span>
136 <td class=
"CellAccent1" colspan=
"2">
137 <input name=
"txtCreditCardNumber" type=
"text" size=
"20" id=
"txtCreditCardNumber" title=
"Card number, Required" autocomplete=
"off" class=
"StandardCell" />
139 </tr><!-- Display Expiration Date -->
141 <td class=
"CellAccent1" align=
"right">
142 <span id=
"lblExpirationDate">*Expiration date:
</span>
144 <td class=
"CellAccent1" colspan=
"2">
145 <select name=
"drpdwnExpirationMonth" id=
"drpdwnExpirationMonth" class=
"StandardCell">
185 </select> <select name=
"drpdwnExpirationYear" id=
"drpdwnExpirationYear" class=
"StandardCell">
186 <option value=
"None">
189 <option selected=
"selected" value=
"2011">
192 <option value=
"2012">
195 <option value=
"2013">
198 <option value=
"2014">
201 <option value=
"2015">
204 <option value=
"2016">
207 <option value=
"2017">
210 <option value=
"2018">
213 <option value=
"2019">
216 <option value=
"2020">
219 <option value=
"2021">
224 </tr><!-- Display VISA card verification -->
226 <td class=
"CellAccent1" align=
"right">
227 <span id=
"lblVisaVerificationNumber">VISA Card Verification #
</span>
229 <td class=
"CellAccent1" colspan=
"2">
230 <input name=
"txtVisaVerificationNumber" type=
"text" maxlength=
"3" size=
"3" id=
"txtVisaVerificationNumber" title=
"VISA Card Verification #, Optional" class=
"StandardCell" />
234 <td class=
"CellAccent1" align=
"center">
235 <img id=
"imgVisaVerification" title=
"The verification number is a three digit number found in the signature area on the back of the card" src=
"#" />
237 <td class=
"CellAccent1" valign=
"top" colspan=
"2">
238 (Required for VISA Cards only)
<br />
239 VISA Card Verification # is a three digit number found in the signature
<br />
240 area on the back of your VISA credit card. This three digit number is
<br />
241 displayed after your credit card number.
<br />
242 <input id=
"chkUnreadable" type=
"checkbox" name=
"chkUnreadable" /><label for=
"chkUnreadable">I can't read the numbers
</label>
246 <td colspan=
"3" class=
"CellAccent1">
247 <span id=
"cstmValidateCreditCardInformation" style=
"color:Red;visibility:hidden;"></span>
250 </table><!--Display AddCreditCard box tail -->
252 <td class=
"Border" width=
"1">
253 <img width=
"0" height=
"0" src=
"#" alt=
"" />
257 <td colspan=
"3" class=
"Border" height=
"1"></td>
259 </table><!-- Display Buttons -->
260 <table width=
"768" border=
"0" cellpadding=
"0" cellspacing=
"0" summary=
"Action Items">
263 <img width=
"0" height=
"0" src=
"#" alt=
"" />
265 <td rowspan=
"2" align=
"center" valign=
"top">
266 <img id=
"imgRightArrow" alt=
"" src=
"#" />
271 <input type=
"image" name=
"btnImgCancel" id=
"btnImgCancel" src=
"#" alt=
"Cancel" />
274 <input type=
"image" name=
"btnImgPlaceOrder" id=
"btnImgPlaceOrder" src=
"#" alt=
"Place Your Order" /> <img id=
"imgPlaceOrder" src=
"#" alt=
"Place Your Order" style=
"border-width:0px;display:none;" />
277 </table><!-- Display footer -->
280 <td class=
"StandardCell" align=
"center">
281 <span class=
"PageHeading"><br />
282 You are currently logged in.
</span><br />
283 <span class=
"StandardText">For security purposes, you will be
<br />
284 logged out after
10 minutes of inactivity,
<br />
285 or you may
<a id=
"LoggedInFooterMessage_hlSignOut" class=
"link" href=
"#" name=
"LoggedInFooterMessage_hlSignOut"><span style=
"text-decoration:underline">log out now
</span></a>.
</span>
289 <table cellpadding=
"0" cellspacing=
"0" border=
"0" width=
"770">
291 <td align=
"center" width=
"100%">
292 <table cellpadding=
"0" cellspacing=
"0" border=
"0">
298 <a class=
"NavLinkFooterDeselected" href=
"#">my account
</a>
300 <td width=
"20" align=
"center" class=
"NavText">
304 <a class=
"NavLinkFooterDeselected" href=
"#">return policy
</a>
306 <td width=
"20" align=
"center" class=
"NavText">
310 <a class=
"NavLinkFooterDeselected" href=
"#">shipping rates
& options
</a>
312 <td width=
"20" align=
"center" class=
"NavText">
316 <a class=
"NavLinkFooterDeselected" href=
"#">checkout
</a>
318 <td width=
"20" align=
"center" class=
"NavText">
322 <a class=
"NavLinkFooterDeselected" href=
"#">payment options
</a>
324 <td width=
"20" align=
"center" class=
"NavText">
328 <a class=
"NavLinkFooterDeselected" href=
"#">secure shopping
</a>
330 <td width=
"20" align=
"center" class=
"NavText">
334 <a class=
"NavLinkFooterDeselected" href=
"#">privacy policy
</a>
336 <td width=
"20" align=
"center" class=
"NavText">
340 <a class=
"NavLinkFooterDeselected" href=
"#">help
</a>
344 <table cellpadding=
"0" cellspacing=
"0" border=
"0" width=
"600">
346 <td bgcolor=
"#CCCCCC" align=
"center">
347 <img src=
"#" width=
"600" height=
"1" alt=
"" />
354 <table cellpadding=
"0" cellspacing=
"0" border=
"0" width=
"770">
356 <td align=
"center" width=
"100%">
357 <table border=
"0" cellpadding=
"0" cellspacing=
"0">
360 <table border=
"0" cellpadding=
"0" cellspacing=
"0">
362 <td align=
"center" class=
"navlinkfooterbold">
363 <a tabindex=
"4100" class=
"navlinkfooterbold" href='#'
>home
</a>
365 <td align=
"center" width=
"10" class=
"navtext">
368 <td align=
"center" class=
"navlinkfooterbold">
369 <a tabindex=
"4102" class=
"navlinkfooterbold" href='#'
>other products
& services
</a>
371 <td align=
"center" width=
"10" class=
"navtext">
374 <td align=
"center" class=
"navlinkfooterbold">
375 <a tabindex=
"4104" class=
"navlinkfooterbold" href='#'
>store locator
</a>
377 <td align=
"center" width=
"10" class=
"navtext">
380 <td align=
"center" class=
"navlinkfooterbold">
381 <a tabindex=
"4106" class=
"navlinkfooterbold" href='#'
>gift cards
</a>
383 <td align=
"center" width=
"10" class=
"navtext">
386 <td align=
"center" class=
"navlinkfooterbold">
387 <a tabindex=
"4110" class=
"navlinkfooterbold" href='#'
>para ayuda
</a>
389 <td align=
"center" width=
"10" class=
"navtext">
392 <td align=
"center" class=
"navlinkfooterbold">
393 <a tabindex=
"4112" class=
"navlinkfooterbold" href='#'
>credit card
</a>
395 <td align=
"center" width=
"10" class=
"navtext">
398 <td align=
"center" class=
"navlinkfooterbold">
399 <a tabindex=
"4114" class=
"navlinkfooterbold" href='#'
>about us
</a>
401 <td align=
"center" width=
"10" class=
"navtext">
404 <td align=
"center" class=
"navlinkfooterbold">
405 <a tabindex=
"4116" class=
"navlinkfooterbold" href='#'
>contact us
</a>
407 <td align=
"center" width=
"10" class=
"navtext">
410 <td align=
"center" class=
"navlinkfooterbold">
411 <a tabindex=
"4118" class=
"navlinkfooterbold" href='#'
>copyright privacy
</a>