| OLD | NEW |
| (Empty) | |
| 1 <form id="paymentDetailsForm" name="paymentDetailsForm" action="https://secure.n
et-a-porter.com/psp/payment" method="POST"> |
| 2 <input id="paymentSessionId" name="paymentSessionId" type="hidden" value="a530
fe50d17324e5a822b3bc020ccd28"> |
| 3 <input id="redirectUrl" name="redirectUrl" type="hidden" value="https://www.ne
t-a-porter.com/ca/en/purchasepath.nap?execution=e1s3&_eventId=processPayment
&submittedToken=bc9d9248-dae1-44d7-be4e-f1ae5a493bfb&pspPaymentSessionId
=a530fe50d17324e5a822b3bc020ccd28"> |
| 4 <input id="customerId" name="customerId" type="hidden" value="0"> |
| 5 <input id="site" name="site" type="hidden" value="nap_am"> |
| 6 <input id="adminId" name="adminId" type="hidden" value="0"> |
| 7 |
| 8 <div class="sectionheader" id="payment_header"> |
| 9 <h2 id="enter_payment_details_heading"> |
| 10 4. ENTER PAYMENT DETAILS |
| 11 </h2> |
| 12 |
| 13 </div> |
| 14 |
| 15 <a id="cardform"></a> |
| 16 |
| 17 <div class="section" id="cc_errors"> |
| 18 <div class="section" id="cc_errors_ul"> |
| 19 </div> |
| 20 </div> |
| 21 |
| 22 <div class="silver payment-info-note"> |
| 23 <p><strong>Please note</strong> that the value of your order will only be ch
arged to your card at the time of delivery</p> |
| 24 </div> |
| 25 |
| 26 <div class="section card-form" id="ccard_form"> |
| 27 |
| 28 <div class="payment-form-container"> |
| 29 <input name="savedCard" value="false" type="hidden"> |
| 30 |
| 31 <div id="ccfield_large_icons" class="ccfield-choose"> |
| 32 <div class="cc-card-wrap"> |
| 33 |
| 34 <div class="cc-type type-visa"> |
| 35 <label for="visa"> <span title="Visa" class="card-icon card-icon-vis
a"></span> </label> |
| 36 <input type="radio" value="VISA" id="visa" title="Visa" name="cardTy
pe" checked="checked"> |
| 37 </div> |
| 38 |
| 39 <div class="cc-type type-mastercard"> |
| 40 <label for="mastercard"> <span title="Mastercard" class="card-icon c
ard-icon-mastercard"></span> </label> |
| 41 <input type="radio" value="MASTERCARD" id="mastercard" title="Master
Card" name="cardType"> |
| 42 </div> |
| 43 |
| 44 <div class="cc-type type-amex"> |
| 45 <label for="amex"> <span title="American Express" class="card-icon c
ard-icon-amex"></span> </label> |
| 46 <input type="radio" value="AMEX" id="amex" title="American Express"
name="cardType"> |
| 47 </div> |
| 48 |
| 49 <div class="cc-type"> |
| 50 <h3 class="payment-or">or</h3> |
| 51 </div> |
| 52 </div> |
| 53 |
| 54 <div class="cc-paypal-wrap"> |
| 55 <div class="cc-type type-paypal"> |
| 56 <label for="paypal"> |
| 57 <span title="PayPal" class="card-icon card-icon-paypal"></span> |
| 58 </label> |
| 59 <input type="radio" value="PAYPAL" id="paypal" title="PayPal" name="
cardType"> |
| 60 </div> |
| 61 </div> |
| 62 |
| 63 <span id="selectCardError" class="paymentError error"></span> |
| 64 </div> |
| 65 <div id="card-detail-fields"> |
| 66 <table> |
| 67 <tbody> |
| 68 <tr class="error-line"> |
| 69 <td class="form-label"></td> |
| 70 <td> |
| 71 <span id="cardError" class="paymentError error"></span> |
| 72 <span id="cardErrorMobile" class="paymentErrorMobile error"></sp
an> |
| 73 </td> |
| 74 </tr> |
| 75 <tr class="field_row"> |
| 76 <td class="form-label"> |
| 77 <label for="card_number">Card Number*</label> |
| 78 </td> |
| 79 <td> |
| 80 <input type="tel" name="cardNumber" size="35" class="text form-f
ield" id="card_number" value="" autocomplete="off" placeholder=""> |
| 81 </td> |
| 82 </tr> |
| 83 |
| 84 <tr class="error-line"> |
| 85 <td class="form-label"></td> |
| 86 <td> |
| 87 <span id="nameError" class="paymentError error"></span> |
| 88 <span id="nameErrorMobile" class="paymentErrorMobile error"></sp
an> |
| 89 </td> |
| 90 </tr> |
| 91 <tr class="field_row"> |
| 92 <td class="form-label"> |
| 93 <label for="cardholders_name">Name on card*</label> |
| 94 </td> |
| 95 <td> |
| 96 <input name="cardHoldersName" size="35" id="cardholders_name" cl
ass="text form-field" type="text" placeholder=""> |
| 97 </td> |
| 98 </tr> |
| 99 |
| 100 <tr class="error-line"> |
| 101 <td class="form-label"></td> |
| 102 <td> |
| 103 <span id="cvsError" class="paymentError error"></span> |
| 104 <span id="cvsErrorMobile" class="paymentErrorMobile error"></spa
n> |
| 105 </td> |
| 106 </tr> |
| 107 <tr class="field_row"> |
| 108 <td class="form-label"> |
| 109 <label for="security_number">Security Number*</label> |
| 110 </td> |
| 111 <td> |
| 112 <input type="tel" name="cVSNumber" maxlength="4" size="3" id="se
curity_number" class="security_number" autocomplete="off" placeholder=""> |
| 113 <a id="cc-security-link" class="text-link" onclick="launchPopUp(
this.href, 455, 350); return false;" href="http://www.net-a-porter.com/am/conte
nt.nap?page=Card-Security-Code&pgForward=popup" title="What is the security
number?"> |
| 114 What is this? |
| 115 </a> |
| 116 </td> |
| 117 </tr> |
| 118 <tr class="error-line"> |
| 119 <td class="form-label"></td> |
| 120 <td> |
| 121 <span id="expiryError" class="paymentError error"></span> |
| 122 <span id="expiryErrorMobile" class="paymentErrorMobile error"></
span> |
| 123 </td> |
| 124 </tr> |
| 125 <tr class="field_row"> |
| 126 <td class="form-label expiry-date"> |
| 127 <label for="expiry_month">Expiry Date*</label> |
| 128 </td> |
| 129 <td> |
| 130 <select name="expiryMonth" class="date form-field" id="expiry_mo
nth"> |
| 131 <option value="">Month</option> |
| 132 <option value="01">01</option> |
| 133 <option value="02">02</option> |
| 134 <option value="03">03</option> |
| 135 <option value="04">04</option> |
| 136 <option value="05">05</option> |
| 137 <option value="06">06</option> |
| 138 <option value="07">07</option> |
| 139 <option value="08">08</option> |
| 140 <option value="09">09</option> |
| 141 <option value="10">10</option> |
| 142 <option value="11">11</option> |
| 143 <option value="12">12</option> |
| 144 </select> |
| 145 <select name="expiryYear" class="date form-field" id="expiryYear
"> |
| 146 <option value="">Year</option> |
| 147 <option value="16">16</option> |
| 148 <option value="17">17</option> |
| 149 <option value="18">18</option> |
| 150 <option value="19">19</option> |
| 151 <option value="20">20</option> |
| 152 <option value="21">21</option> |
| 153 <option value="22">22</option> |
| 154 <option value="23">23</option> |
| 155 <option value="24">24</option> |
| 156 <option value="25">25</option> |
| 157 <option value="26">26</option> |
| 158 <option value="27">27</option> |
| 159 </select> |
| 160 </td> |
| 161 </tr> |
| 162 <tr class="empty-line"></tr> |
| 163 |
| 164 <tr> |
| 165 <td> |
| 166 <input type="hidden" name="keepCard" value="false"> |
| 167 </td> |
| 168 </tr> |
| 169 </tbody> |
| 170 </table> |
| 171 </div> |
| 172 </div> |
| 173 </div> |
| 174 <div class="section pp-box"> |
| 175 <div id="purchase_path_back_button"> |
| 176 <a href="//www.net-a-porter.com/ca/en/purchasepath.nap?execution=e1s3&
_eventId=back" class="secondary-button">Back</a> |
| 177 </div> |
| 178 <input type="submit" name="_eventId_processPayment" id="processPayment" clas
s="inlineright primary-button" value="Purchase Now"> |
| 179 </div> |
| 180 </form> |
| OLD | NEW |