OLD | NEW |
(Empty) | |
| 1 <form name="billing_form" id="id_billing_form" > |
| 2 <div > |
| 3 Billing Information</div> |
| 4 <center> |
| 5 <span> |
| 6 All fields required unless marked optional</span> |
| 7 </center> |
| 8 <div > |
| 9 <div > |
| 10 <label for="id_billing_firstname" > |
| 11 First Name:</label> |
| 12 <div > |
| 13 <input type="text" id="id_billing_firstname" name="billing_firstname" maxlength
="40" size="25" minlength="2" onkeypress="skApp.billingShippingKeypress(event);"
onchange="skApp.hasErrorVerification(event);"> |
| 14 </div> |
| 15 </div> |
| 16 <div > |
| 17 <label for="id_billing_lastname" > |
| 18 Last Name:</label> |
| 19 <div > |
| 20 <input type="text" onkeypress="skApp.billingShippingKeypress(event);" onchange="
skApp.hasErrorVerification(event);" name="billing_lastname" id="id_billing_last
name" maxlength="40"> |
| 21 </div> |
| 22 </div> |
| 23 <div > |
| 24 <label for="id_bill_addr_lookup"> |
| 25 Address Lookup:(optional)</label> |
| 26 <div > |
| 27 <input type="text" name="bill-addr-lookup" autocomplete="on" id="bill_addr_look
up" onkeyup="addressLookup('bill_addr_lookup','bill')"> |
| 28 </div> |
| 29 </div> |
| 30 <div> |
| 31 <label for="id_billing_street" > |
| 32 Address:</label> |
| 33 <div > |
| 34 <input type="text" onkeypress="skApp.billingShippingKeypress(event);" onchange="
skApp.hasErrorVerification(event);" name="billing_street" id="id_billing_street
"> |
| 35 </div> |
| 36 </div> |
| 37 <div> |
| 38 <label for="id_billing_suite" > |
| 39 Address 2:(optional)</label> |
| 40 <div > |
| 41 <input type="text" onkeypress="skApp.billingShippingKeypress(event);" onchange="
skApp.hasErrorVerification(event);" id="id_billing_suite" name="billing_suite"> |
| 42 </div> |
| 43 </div> |
| 44 <div > |
| 45 <label for="id_billing_city" > |
| 46 City:</label> |
| 47 <div > |
| 48 <input type="text" onkeypress="skApp.billingShippingKeypress(event);" onchange="
skApp.hasErrorVerification(event);" name="billing_city" id="id_billing_city"> |
| 49 </div> |
| 50 </div> |
| 51 <div id="id_state"> |
| 52 <label id="id_stateString"> |
| 53 State:</label> |
| 54 <select name="billing_state" id="id_billing_state" data-role="none" onchange="s
kApp.hideBillCounty(event);"> |
| 55 <option value=""> |
| 56 Choose a state</option> |
| 57 <option value="AL"> |
| 58 Alabama</option> |
| 59 <option value="AK"> |
| 60 Alaska</option> |
| 61 <option value="AZ"> |
| 62 Arizona</option> |
| 63 <option value="AR"> |
| 64 Arkansas</option> |
| 65 <option value="CA"> |
| 66 California</option> |
| 67 <option value="CO"> |
| 68 Colorado</option> |
| 69 <option value="CT"> |
| 70 Connecticut</option> |
| 71 <option value="DE"> |
| 72 Delaware</option> |
| 73 <option value="DC"> |
| 74 District of Columbia</option> |
| 75 <option value="FL"> |
| 76 Florida</option> |
| 77 <option value="GA"> |
| 78 Georgia</option> |
| 79 <option value="HI"> |
| 80 Hawaii</option> |
| 81 <option value="ID"> |
| 82 Idaho</option> |
| 83 <option value="IL"> |
| 84 Illinois</option> |
| 85 <option value="IN"> |
| 86 Indiana</option> |
| 87 <option value="IA"> |
| 88 Iowa</option> |
| 89 <option value="KS"> |
| 90 Kansas</option> |
| 91 <option value="KY"> |
| 92 Kentucky</option> |
| 93 <option value="LA"> |
| 94 Louisiana</option> |
| 95 <option value="ME"> |
| 96 Maine</option> |
| 97 <option value="MD"> |
| 98 Maryland</option> |
| 99 <option value="MA"> |
| 100 Massachusetts</option> |
| 101 <option value="MI"> |
| 102 Michigan</option> |
| 103 <option value="MN"> |
| 104 Minnesota</option> |
| 105 <option value="MS"> |
| 106 Mississippi</option> |
| 107 <option value="MO"> |
| 108 Missouri</option> |
| 109 <option value="MT"> |
| 110 Montana</option> |
| 111 <option value="NE"> |
| 112 Nebraska</option> |
| 113 <option value="NV"> |
| 114 Nevada</option> |
| 115 <option value="NH"> |
| 116 New Hampshire</option> |
| 117 <option value="NJ"> |
| 118 New Jersey</option> |
| 119 <option value="NM"> |
| 120 New Mexico</option> |
| 121 <option value="NY"> |
| 122 New York</option> |
| 123 <option value="NC"> |
| 124 North Carolina</option> |
| 125 <option value="ND"> |
| 126 North Dakota</option> |
| 127 <option value="OH"> |
| 128 Ohio</option> |
| 129 <option value="OK"> |
| 130 Oklahoma</option> |
| 131 <option value="OR"> |
| 132 Oregon</option> |
| 133 <option value="PA"> |
| 134 Pennsylvania</option> |
| 135 <option value="RI"> |
| 136 Rhode Island</option> |
| 137 <option value="SC"> |
| 138 South Carolina</option> |
| 139 <option value="SD"> |
| 140 South Dakota</option> |
| 141 <option value="TN"> |
| 142 Tennessee</option> |
| 143 <option value="TX"> |
| 144 Texas</option> |
| 145 <option value="UT"> |
| 146 Utah</option> |
| 147 <option value="VT"> |
| 148 Vermont</option> |
| 149 <option value="VA"> |
| 150 Virginia</option> |
| 151 <option value="WA"> |
| 152 Washington</option> |
| 153 <option value="WV"> |
| 154 West Virginia</option> |
| 155 <option value="WI"> |
| 156 Wisconsin</option> |
| 157 <option value="WY"> |
| 158 Wyoming</option> |
| 159 <option value="AA"> |
| 160 Armed Forces-America</option> |
| 161 <option value="AE"> |
| 162 Armed Forces-Europe</option> |
| 163 <option value="AP"> |
| 164 Armed Forces-Pacific</option> |
| 165 </select> |
| 166 </div> |
| 167 <div > |
| 168 <div > |
| 169 <label for="id_billing_zipcode" > |
| 170 ZIP Code:</label> |
| 171 <div > |
| 172 <input type="tel" onkeypress="skApp.billingShippingKeypress(event);" onchange="s
kApp.hideBillCounty(event)" name="billing_zipcode" id="billing_zipcode"> |
| 173 </div> |
| 174 </div> |
| 175 <div id="billcounty-container"> |
| 176 </div> |
| 177 </div> |
| 178 <div> |
| 179 <label for="billing_phonenum" > |
| 180 Contact Phone:</label> |
| 181 <div > |
| 182 <input type="tel" onkeypress="skApp.billingShippingKeypress(event);" onchange="s
kApp.hasErrorVerification(event);" id="billing_phonenum" name="billing_phonenum
"> |
| 183 </div> |
| 184 </div> |
| 185 </div> |
| 186 <div id="email-container"> |
| 187 <div id="email_id_kcmMailContent"> |
| 188 <div data-role="controlgroup" aria-disabled="false" data-disabled="false" data-
shadow="false" data-corners="true" data-exclude-invisible="true" data-type="vert
ical" data-mini="false" data-init-selector=":jqmData(role='controlgroup')"> |
| 189 <div > |
| 190 <div id="email_id_kcmEmailAddr"> |
| 191 <label for="email_id_kcmEmail_Txt"> |
| 192 Email</label> |
| 193 <div > |
| 194 <div > |
| 195 <input type="email" onkeypress="skApp.billingShippingKeypress(event);" onchange=
"skApp.hasErrorVerification(event);" id="email_id_kcmEmail_Txt" name="email_Txt"
maxlength="70" placeholder="sample@example.com" > |
| 196 </div> |
| 197 </div> |
| 198 </div> |
| 199 <div id="email_id_kcmReEmailAddr"> |
| 200 <label for="email_id_kcmRe_Email_Txt"> |
| 201 Confirm Email Address</label> |
| 202 <div > |
| 203 <div > |
| 204 <input type="email" onkeypress="skApp.billingShippingKeypress(event);" onchange=
"skApp.hasErrorVerification(event);" id="email_id_kcmRe_Email_Txt" name="re_Emai
l_Txt" maxlength="70" placeholder="sample@example.com" > |
| 205 </div> |
| 206 </div> |
| 207 </div> |
| 208 <div > |
| 209 <div > |
| 210 (E-mail address is required to place an order)</div> |
| 211 <div > |
| 212 <div data-role="fieldcontain"> |
| 213 <div > |
| 214 <div > |
| 215 <label for="email_kcmWS" value="true" data-theme="c" data-corners="true" data-
shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="checkbox
-on" data-mini="false"> |
| 216 <span > |
| 217 <span > |
| 218 Yes, sign me up for Sale Alerts. (optional) </span> |
| 219 <span > |
| 220 </span> |
| 221 </span> |
| 222 </label> |
| 223 <input type="checkbox" onkeypress="skApp.billingShippingKeypress(event);" id="em
ail_kcmWS" name="emailOutPutStatus" checked="checked" value="true"> |
| 224 </div> |
| 225 </div> |
| 226 <label > |
| 227 Yes, sign me up for Sale Alerts. (optional)</label> |
| 228 </div> |
| 229 </div> |
| 230 </div> |
| 231 </div> |
| 232 </div> |
| 233 </div> |
| 234 </div> |
| 235 </form> |
| 236 |
| 237 |
| 238 <form > |
| 239 <label > |
| 240 Credit Card Information</label> |
| 241 <fieldset> |
| 242 <legend> |
| 243 </legend> |
| 244 <label > |
| 245 Card Type</label> |
| 246 <div id="payment_id_nonEditCrdTyp"> |
| 247 </div> |
| 248 <div id="id_cardType" > |
| 249 <select id="payment_id_kcmselectPMtype" data-role="none" name="paymentType" onc
hange="skApp.changePaymentDisplay(event);"> |
| 250 <option value=""> |
| 251 Choose a card</option> |
| 252 <option value="KOHLS"> |
| 253 Kohl's Charge</option> |
| 254 <option value="AMEX"> |
| 255 American Express</option> |
| 256 <option value="DISC"> |
| 257 Discover Network</option> |
| 258 <option value="MC"> |
| 259 Mastercard</option> |
| 260 <option value="VISA"> |
| 261 Visa</option> |
| 262 </select> |
| 263 </div> |
| 264 <div > |
| 265 <div> |
| 266 <label > |
| 267 Name on Card:</label> |
| 268 <div id="payment_id_kcmcard_name_div"> |
| 269 <label for="payment_id_kcmcrdName_Txt"> |
| 270 Name on Card</label> |
| 271 <div > |
| 272 <div > |
| 273 <input type="text" id="payment_id_kcmcrdName_Txt" onkeypress="skApp.onEnterPayme
ntKeypress(event);" name="nameOnCard" value="" autocorrect="off"> |
| 274 </div> |
| 275 </div> |
| 276 </div> |
| 277 <label > |
| 278 Card Number:</label> |
| 279 <div id="payment_id_kcmcard_number_div"> |
| 280 <label for="payment_id_kcmcrdNumber_Txt" > |
| 281 Card Number</label> |
| 282 <div > |
| 283 <div > |
| 284 <input type="tel" id="payment_id_kcmcrdNumber_Txt" name="cardNumber" maxlength=
"16" value=""> |
| 285 </div> |
| 286 </div> |
| 287 <div id="payment_id_nonEditCrdNum" idx=""> |
| 288 </div> |
| 289 </div> |
| 290 </div> |
| 291 </div> |
| 292 <div > |
| 293 <div> |
| 294 <div id="payment_id_kcmgrid1_div"> |
| 295 <label > |
| 296 Expiration Month:</label> |
| 297 <select id="payment_id_kcmselct_expMonth" name="expMonth" data-role="none"> |
| 298 <option value=""> |
| 299 Month</option> |
| 300 <option value="01"> |
| 301 January</option> |
| 302 <option value="02"> |
| 303 February</option> |
| 304 <option value="03"> |
| 305 March</option> |
| 306 <option value="04"> |
| 307 April</option> |
| 308 <option value="05"> |
| 309 May</option> |
| 310 <option value="06"> |
| 311 June</option> |
| 312 <option value="07"> |
| 313 July</option> |
| 314 <option value="08"> |
| 315 August</option> |
| 316 <option value="09"> |
| 317 September</option> |
| 318 <option value="10"> |
| 319 October</option> |
| 320 <option value="11"> |
| 321 November</option> |
| 322 <option value="12"> |
| 323 December</option> |
| 324 </select> |
| 325 </div> |
| 326 <div id="payment_id_kcmgrid2_div"> |
| 327 <label > |
| 328 Expiration Year:</label> |
| 329 <select id="payment_id_kcmselct_expYear" data-role="none" name="expYear"> |
| 330 <option value=""> |
| 331 Year</option> |
| 332 <option value="2013"> |
| 333 2013</option> |
| 334 <option value="2014"> |
| 335 2014</option> |
| 336 <option value="2015"> |
| 337 2015</option> |
| 338 <option value="2016"> |
| 339 2016</option> |
| 340 <option value="2017"> |
| 341 2017</option> |
| 342 <option value="2018"> |
| 343 2018</option> |
| 344 <option value="2019"> |
| 345 2019</option> |
| 346 <option value="2020"> |
| 347 2020</option> |
| 348 <option value="2021"> |
| 349 2021</option> |
| 350 <option value="2022"> |
| 351 2022</option> |
| 352 <option value="2023"> |
| 353 2023</option> |
| 354 <option value="2024"> |
| 355 2024</option> |
| 356 <option value="2025"> |
| 357 2025</option> |
| 358 <option value="2026"> |
| 359 2026</option> |
| 360 <option value="2027"> |
| 361 2027</option> |
| 362 <option value="2028"> |
| 363 2028</option> |
| 364 <option value="2029"> |
| 365 2029</option> |
| 366 <option value="2030"> |
| 367 2030</option> |
| 368 <option value="2031"> |
| 369 2031</option> |
| 370 <option value="2032"> |
| 371 2032</option> |
| 372 <option value="2033"> |
| 373 2033</option> |
| 374 <option value="2034"> |
| 375 2034</option> |
| 376 <option value="2035"> |
| 377 2035</option> |
| 378 <option value="2036"> |
| 379 2036</option> |
| 380 <option value="2037"> |
| 381 2037</option> |
| 382 <option value="2038"> |
| 383 2038</option> |
| 384 <option value="2039"> |
| 385 2039</option> |
| 386 <option value="2040"> |
| 387 2040</option> |
| 388 <option value="2041"> |
| 389 2041</option> |
| 390 <option value="2042"> |
| 391 2042</option> |
| 392 <option value="2043"> |
| 393 2043</option> |
| 394 <option value="2044"> |
| 395 2044</option> |
| 396 <option value="2045"> |
| 397 2045</option> |
| 398 <option value="2046"> |
| 399 2046</option> |
| 400 <option value="2047"> |
| 401 2047</option> |
| 402 <option value="2048"> |
| 403 2048</option> |
| 404 <option value="2049"> |
| 405 2049</option> |
| 406 <option value="2050"> |
| 407 2050</option> |
| 408 <option value="2051"> |
| 409 2051</option> |
| 410 <option value="2052"> |
| 411 2052</option> |
| 412 <option value="2053"> |
| 413 2053</option> |
| 414 <option value="2054"> |
| 415 2054</option> |
| 416 <option value="2055"> |
| 417 2055</option> |
| 418 <option value="2056"> |
| 419 2056</option> |
| 420 <option value="2057"> |
| 421 2057</option> |
| 422 <option value="2058"> |
| 423 2058</option> |
| 424 <option value="2059"> |
| 425 2059</option> |
| 426 <option value="2060"> |
| 427 2060</option> |
| 428 <option value="2061"> |
| 429 2061</option> |
| 430 <option value="2062"> |
| 431 2062</option> |
| 432 </select> |
| 433 </div> |
| 434 </div> |
| 435 </div> |
| 436 <div id="savedPayMethList"> |
| 437 </div> |
| 438 <div id="payment_id_kcmcard_id_div"> |
| 439 <label for="payment_id_kcmNPcrdId_Txt"> |
| 440 Credit Card ID</label> |
| 441 <div > |
| 442 <div > |
| 443 <input type="tel" id="payment_id_kcmNPcrdId_Txt" name="creditCardID" maxlength=
"4" value=""> |
| 444 </div> |
| 445 </div> |
| 446 <div onclick="skApp.loadWhatsMyCreditCard();"> |
| 447 What's my Credit Card ID?</div> |
| 448 </div> |
| 449 </fieldset> |
| 450 </form> |
| 451 |
| 452 |
OLD | NEW |