</noscript> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- End Google Tag Manager (noscript) --> <div class="nd-banner"> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <div class="nd-title-main"> LAST CHANCE, JUST RIDE </div> <div class="nd-title-sub" style="max-width:900px !important;padding-top:20px;"> Save up to $5,000* with run out offers on selected 2023 Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> models, on now at your local participating Harley-Davidson dealer. Limited time only, while stock lasts. Enter your details below and your selected Harley-Davidson dealer will be in touch. </div> <!--<div class="nd-title-register"> Register Your Interest Now </div>--> <div class="nd-title-subregister"> <sup>*</sup> Indicates required fields </div> </div> <header> <div class="header-icon"> <style type="text/css">.header-icon,.header-icon svg{display:inline-block;width:50px;height:40px;text-align:center}@media(min-width:960px){.header-icon,.header-icon svg{width:50px;height:60px;text-align:center}} </style> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/%7B1f75214c-5898-456b-879a-7043d89fca72%7D_logo_updated_1.png" style="width:83px;height:73px;text-align:center" /></div> </header> <aside class="form-content" x-data="app()" x-init="isAutoCountry();"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="Tactical24-en_AU-Dont-Ask-Just-Ride" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form696"> <input value="Tactical24-en_AU-Dont-Ask-Just-Ride" type="hidden" name="elqFormName"> <input value="211266568" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <div class="group form-input footer-links"> <label class="elq-label" for="fe13887">First name<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldFirstName" placeholder="" id="fe13887" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13888">Last name<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldLastName" placeholder="" id="fe13888" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13889">Email<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldEmail" placeholder="" id="fe13889" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links" id="fe13894-container"> <label class="elq-label" for="fe13894"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13894" name="fieldCountry" style="width:100%" x-model="countryCode" @change="dealers = [];selectedDealer=[];access(); updateDealer();"> <option value="" style="display:none">Country*</option> <option value="Australia" key="Australia">Australia</option> <option value="New Zealand" key="New Zealand">New Zealand</option> </select> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13895">Mobile Phone<span class="required">*</span></label> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobileCountryCode" id="fe13895" x-ref="output" style="width:36px; margin-right: 8px; float: left"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13896" style="width:calc(100% - 44px);"> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13897">Post Code<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldPostCode" placeholder="" id="fe13897" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13898"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13898" name="fieldPreferredDealer" style="width:100%" x-ref="select" x-model="dealerCode" @change="getDealer();"> <option value="" style="display:none">Preferred Dealer*</option> <template x-if="dealers && lmsCountryID == 'AUS'" x-for="stateProv in stateProvs" :key="stateProv"> <optgroup :key="stateProv" :label="stateProv"> <template x-for="dealer in (dealers.filter(i => i.address.stateProv === stateProv))"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"> </option> </template> </optgroup> </template> <template x-if="dealers && lmsCountryID !== 'AUS'" x-for="dealer in dealers" :key="dealer.id"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"></option> </template> </select> </div> </div> </div> </div> <template x-if="dealerCode != '' && selectedDealer.length"> <div class="dealer-details"> <h5 class="uppercase" x-text="selectedDealer[0].name" style="font-size:16px;"></h5> <p><span x-html="selectedDealer[0].address.streetAddress"></span><br> <span x-html="selectedDealer[0].address.city"></span> <span x-html="selectedDealer[0].address.stateProv"></span> <span x-html="selectedDealer[0].address.zipPost"></span> <span x-html="selectedDealer[0].address.country"></span> </p> <p x-text="selectedDealer[0].phone"></p> </div> </template> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13910"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13910" name="fieldPreferredBike" style="width:100%;"> <option value="" style="display:none;font-weight:bold">Preferred Motorcycle*</option> <!-- <option value="RH975S" style="font-weight:bold">Nightster™ Special ($500* OFF)</option> <option value="RH1250S" style="font-weight:bold">Sportster™ S ($500* OFF)</option> <option value="FXBBS" style="font-weight:bold">Street Bob™ 114 ($3,500* OFF)</option> <option value="FLSB" style="font-weight:bold">Sport Glide™ ($2,500* OFF)</option> <option value="FXFBS" style="font-weight:bold">Fat Bob™ 114 ($2,500* OFF) </option> <option value="FXLRS" style="font-weight:bold">Low Rider™ S ($2,500* OFF)</option> <option value="FXLRST" style="font-weight:bold">Low Rider™ ST ($2,500* OFF) </option> <option value="FLFBS" style="font-weight:bold">Fat Boy™ 114 ($2,500* OFF) </option> <option value="FLHCS" style="font-weight:bold">Heritage Classic 114 ($2,500* OFF)</option> <option value="FLHRXS" style="font-weight:bold">Road King™ Special ($5,000* OFF) </option> <option value="FLTRXST" style="font-weight:bold">Road Glide™ ST ($5,000* OFF) </option> <option value="FLHXST" style="font-weight:bold">Street Glide™ ST ($5,000* OFF) </option> <option value="FLTRXS" style="font-weight:bold">Road Glide™ Special ($5,000* OFF) </option> <option value="FLHXS" style="font-weight:bold">Street Glide™ Special ($5,000* OFF)</option> <option value="FLHTK" style="font-weight:bold">Ultra Limited ($5,000* OFF)</option> --> </select> </div> </div> </div> </div> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input force-even footer-links"> <label class="elq-label overlap-false" for="fe13911">Do you currently own a motorcycle?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele" id="fe13911"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_2jvskkxv" value="Current" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-Yes_2jvskkxv">Yes</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_idspcwqi" value="No" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-No_idspcwqi">No</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input force-odd footer-links"> <label class="elq-label" for="fe13912"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13912" name="fieldBrand" style="width:100%;"> <option value="" style="display:none">Brand*</option> <option value="Honda">Honda</option> <option value="Yamaha">Yamaha</option> <option value="Kawasaki">Kawasaki</option> <option value="Suzuki">Suzuki</option> <option value="Harley-Davidson">Harley-Davidson</option> <option value="BMW">BMW</option> <option value="Ducati">Ducati</option> <option value="Triumph">Triumph</option> <option value="KTM">KTM</option> <option value="Moto Guzzi">Moto Guzzi</option> <option value="Indian">Indian</option> <option value="MV Agusta">MV Agusta</option> <option value="Royal Enfield">Royal Enfield</option> <option value="Hyosung">Hyosung</option> <option value="Other">Other</option> </select> </div> </div> </div> </div> </div> </div> </div> <!--<div class="group form-input full-width footer-links"><label class="elq-label overlap-false" for="">Date of Birth*</label> <div class="row fix-vali" style="margin-left:-10px;margin-right:-10px;position:relative;"> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldDay" placeholder="DD" id="fe11083" value="" style="width:100%;" maxlength="2" pattern="[0-9]{1,2}" /></div> </div> </div> </div> </div> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldMonth" placeholder="MM" id="fe11084" value="" style="width:100%;" maxlength="2" pattern="[0-9]{1,2}" /></div> </div> </div> </div> </div> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldYear" placeholder="YYYY" id="fe11085" value="" style="width:100%;" maxlength="4" pattern="[0-9]{4}" /></div> </div> </div> </div> </div> <div class="hide" style="display:none;"><input class="elq-item-input" type="text" name="fieldDOB" id="fe10912" value="" style="width:100%;" x-ref="birthdate" /></div> </div> </div>--> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13899">When are you thinking of purchasing a motorcycle?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select select-grey-placeholder" id="fe13899" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display:none">Choose one</option> <option value="0-3 Months">0-3 Months</option> <option value="4-6 months">4-6 Months</option> <option value="7-12 Months">7-12 Months</option> <option value="Not sure">I am not interested in purchasing at this time</option> </select> </div> </div> </div> </div> </div> <!-- <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldLicense" id="fe13900" /> <label class="checkbox-aligned elq-item-label" for="fe13900">I acknowledge that I have a valid full motorcycle licence.<span class='elq-required'>*</span></label> </div> </div> </div> </div> </div> </div> --> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldLicense" id="fe1390"> <label class="checkbox-aligned elq-item-label" for="fe1390">I acknowledge that I have a valid motorcycle license.<span class="elq-required">*</span></label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldOptinEmail" id="fe13901"> <label class="checkbox-aligned elq-item-label" for="fe13901">I would like to receive communications periodically regarding Harley‑Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> products and services.</label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldPrivacy" id="fe13902"> <label class="checkbox-aligned elq-item-label" for="fe13902">I have read, understood and accept the <a href="https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=643e4d6cd73144288f6dead0ba00e8cb&elqaid=1486&elqat=2&elqak=8AF5414AFD61CA19CBB998EB69D71165111BA86D2ABD3CDD7BE3551BA135C59B46C9" rel="rel noopener" target="_blank" class="inline-link">Terms and Conditions</a> & <a href="https://www.harley-davidson.com/au/en/footer/utility/privacy-policy.html?elqTrackId=4ccd6b05f8cd49b0b024f1de3a41db7b&elqaid=1486&elqat=2&elqak=8AF503AB4E8EAE222E6DA50B8C8B9EB3E5902F2BCE2EA35789DD76BD95BE9E38C794" rel="rel noopener" target="_blank" class="inline-link">Privacy Policy</a>.<span class="elq-required">*</span></label> </div> </div> </div> </div> </div> </div> <div style="display:none;"> <input class="elq-item-input" type="text" name="fieldCampaignID" id="fe13903" style="width:100%;" value="AU23-166-FO"> <input type="hidden" name="utm_medium" id="fe13905" value=""> <input type="hidden" name="utm_source" id="fe13906" value=""> <input type="hidden" name="utm_campaign" id="fe13907" value=""> <input type="hidden" name="source_cd" id="fe13908" value=""> </div> <div class="group form-input full-width center-align"> <div class="submit-parent"> <input class="submit-button-style " type="Submit" value="SUBMIT" id="fe13909"> </div> </div> <div class="group form-input full-width nd-form-disclaimer" style="line-height:20px;margin-top:0px;color:#FFFFFF;font-size:8px;"> <p style="font-size:9px;text-align:justify;"><br/>*Offer available at participating dealers only. In Australia, the promotion is only offered on new 2023 Sportster<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> S with $500 off the advertised ride away price / new 2023 Low Rider<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> S, new 2023 Sport Glide<sup style="line-height:3; font-size: 70%; mso-text-raise: 60%;">™</sup>, new 2023 Fat Boy<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup>, and new 2023 Heritage Classic with $2,500 off the advertised ride away price / new 2023 Road Glide<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> Special, and new 2023 Street Glide<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> ST with $5,000 off the advertised ride away price. In New Zealand, the promotion is only offered on new 2023 Low Rider<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> S, new 2023 Sport Glide<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup>, new 2023 Fat Boy<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup>, and new 2023 Heritage Classic with $2,500 off the advertised ride away price / new 2023 Street Glide<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> Special with $5,000 off the advertised ride away price. No other models are included in this promotion. Not to be used in conjunction with any other offer. This offer is only available on eligible models retailed from 1 – 31 April, 2024. Offer subject to eligible model availability and may be withdrawn by Harley-Davidson<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">®</sup> Australia & New Zealand at any time without notice. Vehicles shown may vary visually by market and may differ from vehicles manufactured and delivered.</p> </div> </form> </div> </aside> <footer id="footer" style="background-color: #000000;"> <div class="footer-country">HARLEY-DAVIDSON<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> <span class="color-orange">Australia/New Zealand</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/au/en/footer/utility/privacy-policy.html?elqTrackId=cb4db8a45d224d79a571951bc6f3810f&elq=00000000000000000000000000000000&elqaid=1486&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF52DB1A153EC9D78A4B071E35F304AE8F941BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Privacy Policy</a><a href="https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=f6963df6606c456886fb915161876774&elq=00000000000000000000000000000000&elqaid=1486&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF5337ED8097108FCD311A56892A92D10B141BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Terms Of Use</a><a href="https://www.harley-davidson.com/au/en/footer/utility/we-care-about-you.html?elqTrackId=81674741cd6344f792078bed5f9fb69e&elq=00000000000000000000000000000000&elqaid=1486&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF5130008DCFD4BB5731F2B5C437099118141BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">We Care About You</a></nav> <small class="footer-copyright" style="line-height:20px;">©2001–2024 H–D. All rights reserved.<br /> Harley–Davidson.com provides local information for countries around the world.<br /> You are currently on H–D<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup>Australia/New Zealand</small></footer> <div class="form-wrapper"> </div> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script> function hideInputLabelOnChange(e){ var parentNode = e.target.parentNode; var loopBreaker = 0; while((!parentNode.classList.contains("form-input")) && (loopBreaker < 12)){ parentNode = parentNode.parentNode loopBreaker++; } var siblingFields = Array.from(parentNode.querySelectorAll(".change-hide-label")); var valueString = e.target.value; if (siblingFields.length){ siblingFields.forEach((item)=>{ valueString += String(item.value) }) } console.log(siblingFields, valueString) var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (valueString == ""){ labelDiv.classList.remove("elq-label-hidden") } else { labelDiv.classList.add("elq-label-hidden") } } } function hideInputLabelEventListener(){ var inputList = Array.from(document.querySelectorAll(".change-hide-label")) inputList.forEach(function(input){ input.addEventListener("change", hideInputLabelOnChange); input.addEventListener("focus", hideInputLabelOnChange); input.addEventListener("blur", hideInputLabelOnChange); }) } function selectGreyOnChange(e){ e.target.classList.add("value-valid") } function selectGreyEventListener(){ var inputList = Array.from(document.querySelectorAll(".select-grey-placeholder")) inputList.forEach(function(input){ input.addEventListener("change", selectGreyOnChange); }) } hideInputLabelEventListener() selectGreyEventListener() </script> <script> function handleFormSubmit(e) { var a = e.querySelector("input[type=submit]"), t = document.createElement("span"); return ( t.setAttribute("class", "loader"), a.setAttribute("disabled", !0), (a.style.cursor = "wait"), a.parentNode.appendChild(t), !0 ); } function resetSubmitButton(e) { for ( var a = e.target.form.getElementsByClassName("submit-button"), t = 0; t < a.length; t++ ) a[t].disabled = !1; } function addChangeHandler(e) { for (var a = 0; a < e.length; a++) e[a].addEventListener("change", resetSubmitButton); } var nodes, form = document.getElementById("form696"); if ( (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), (nodes = document.querySelectorAll("#form696 input[data-subscription]"))) ) for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute("data-subscription"); "true" === status && (nodes[i].checked = !0); } if ((nodes = document.querySelectorAll("#form696 select[data-value]"))) for (i = 0; i < nodes.length; i++) { var node = nodes[i], selectedValue = node.dataset ? node.dataset.value : node.getAttribute("data-value"); if (selectedValue) for (var j = 0; j < node.options.length; j++) if (node.options[j].value === selectedValue) { node.options[j].selected = "selected"; break; } } this.getParentElement = function (e) { return e[e.length - 1].parentElement; }; var dom0 = document.querySelector("#form696 #fe13887"), fe13887 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13887.add(Validate.Presence, { failureMessage: "Please enter your first name.", }), fe13887.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); var dom1 = document.querySelector("#form696 #fe13888"), fe13888 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13888.add(Validate.Presence, { failureMessage: "Please enter your last name.", }), fe13888.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); var dom2 = document.querySelector("#form696 #fe13889"), fe13889 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13889.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100, }), fe13889.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "Please enter a valid email.", }), fe13889.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true", }), fe13889.add(Validate.Presence, { failureMessage: "Please enter a valid email.", }); var dom3 = document.querySelector("#form696 #fe13894"), fe13894 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13894.add(Validate.Presence, { failureMessage: "Please select your country", }); var dom4 = document.querySelector("#form696 #fe13895"), fe13895 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13895.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99, }), fe13895.add(Validate.Presence, { failureMessage: "Please enter a valid number.", }), fe13895.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13895.add(Validate.Custom, { against: function (e) { return !e.match( /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i ); }, failureMessage: "Value must not contain any URL's", }); var dom5 = document.querySelector("#form696 #fe13896"), fe13896 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13896.add(Validate.Numericality, { tooLowMessage: "Phone number should start with 0 and 10digits only", tooHighMessage: "Phone number should start with 0 and 10digits only", minimum: 0, maximum: 9999999999, }), fe13896.add(Validate.Custom, { against: function (e) { return Boolean(String(e).length == 10) }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe13896.add(Validate.Custom, { against: function (e) { return Boolean(String(e).charAt(0) == "0") }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe13896.add(Validate.Presence, { failureMessage: "Phone number should start with 0 and 10digits only", }), fe13896.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13896.add(Validate.Custom, { against: function (e) { return !e.match( /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i ); }, failureMessage: "Value must not contain any URL's", }); dom5.addEventListener("focus", (e) => { e.target.setAttribute("placeholder", "e.g. 0987654321") }); dom5.addEventListener("blur", (e) => { e.target.setAttribute("placeholder", "") }); var dom6 = document.querySelector("#form696 #fe13897"), fe13897 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13897.add(Validate.Presence, { failureMessage: "This field is required" }), fe13897.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35, }); var dom7 = document.querySelector("#form696 #fe13910"), fe13910 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13910.add(Validate.Presence, { failureMessage: "Please select your preferred motorcycle", }); var dom8 = document.querySelector("#form696 #fe13898"), fe13898 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13898.add(Validate.Presence, { failureMessage: "Please select a dealer." }); var dom10 = document.querySelectorAll('#form696 [name="fieldOwnMotorcycle"]'), fe13911 = new LiveValidation( dom10, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom10), isGroup: !0, }, !0 ); fe13911.add(Validate.Custom, { against: function (e) { return !e.match( /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i ); }, failureMessage: "Value must not contain any URL's", }), fe13911.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13911.add(Validate.Presence, { failureMessage: "Please confirm if you currently own a motorcycle.", }); var dom11 = document.querySelector("#form696 #fe13912"), fe13912 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300, }); var dom12 = document.querySelector("#form696 #fe13899"), fe13899 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13899.add(Validate.Presence, { failureMessage: "Please select an option" }); // var dom13 = document.querySelector("#form696 #fe13900"), // fe13900 = new LiveValidation(dom13, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe13900.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe13900.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe13900.add(Validate.Acceptance, { // failureMessage: "You will need a motorcycle licence to participate.", // }); var dom20 = document.querySelector("#form696 #fe1390"), fe1390 = new LiveValidation(dom20, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe1390.add(Validate.Acceptance, { failureMessage: "You will need a motorcycle licence to participate.", }); var dom14 = document.querySelector("#form696 #fe13901"), fe13901 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom15 = document.querySelector("#form696 #fe13902"), fe13902 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13902.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the attached privacy notification.", }); // var dom77 = document.querySelector("#form696 #fe11083"), // fe11083 = new LiveValidation(dom77, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11083.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11083.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11083.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11083.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1, // maximum: 31, // }); // var dom78 = document.querySelector("#form696 #fe11084"), // fe11084 = new LiveValidation(dom78, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11084.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11084.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11084.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11084.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1, // maximum: 12, // }); // var dom79 = document.querySelector("#form696 #fe11085"), // fe11085 = new LiveValidation(dom79, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11085.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11085.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11085.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11085.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1900, // maximum: 2020, // }); // var dom80 = document.querySelector("#form696 #fe10912"), // fe10912 = new LiveValidation(dom80, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe10912.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe10912.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe10912.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe10912.add(Validate.Format, { // pattern: // /^(?:[0][0-9]|[1][0-2])\/(?:[0][1-9]|[1-2][0-9]|[3][0-1])\/(?:\d{4}|\d{2})$/, // failureMessage: "Value must be a valid date (MM/DD/YY or MM/DD/YYYY)", // }); </script> <script src="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5339dab2-756e-42e4-b1cf-5afceb2d5c7f}_preload.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" defer="defer"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js" defer="defer"></script> <!-- <script>!(function(t){"usestrict";t.loadCSS||(t.loadCSS=function(){});vare=(loadCSS.relpreload={});if(((e.support=(function(){vare;try{e=t.document.createElement("link").relList.supports("preload");}catch(t){e=!1;}returnfunction(){returne;};})()),(e.bindMediaToggle=function(t){vare=t.media||"all";functiona(){t.addEventListener?t.removeEventListener("load",a):t.attachEvent&&t.detachEvent("onload",a),t.setAttribute("onload",null),(t.media=e);}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){(t.rel="stylesheet"),(t.media="onlyx");}),setTimeout(a,3e3);}),(e.poly=function(){if(!e.support())for(vara=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){varo=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o));}}),!e.support())){e.poly();vara=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a);}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a);});}})("undefined"!=typeofglobal?global:this);</script> --> <script> function checkcampaign() { var dop = document.getElementById("fe13894").value; console.log(dop) //alert(dop); if(dop=='Australia') { var con="AU24-006-FO"; document.getElementById("fe13903").value=con; } else { var con="NZ24-006-FO"; document.getElementById("fe13903").value=con; } } function changeBirthDate(){ var yearSelect = document.getElementById('fe11085'); var monthSelect = document.getElementById('fe11084'); var daySelect = document.getElementById('fe11083'); var hiddenObj = document.getElementById('fe10912'); var changeDay = function() { var selectedYear = yearSelect.value; var selectedMonth = monthSelect.value; var selectedDay = daySelect.value; var dateObj = new Date(selectedYear, selectedMonth, 0); var maxDays = dateObj.getDate(); var setHiddenField = function(y, m, d, field) { m = ('00' + m).slice(-2); d = ('00' + d).slice(-2); field.value = m + '/' + d + '/' + y; } if (selectedYear !== '' && selectedMonth !== '') { setHiddenField(selectedYear, selectedMonth, selectedDay, hiddenObj); } } if (yearSelect != null && monthSelect != null && daySelect != null) { yearSelect.onchange = function() { changeDay(); } monthSelect.onchange = function() { changeDay(); } daySelect.onchange = function() { changeDay(); } } } changeBirthDate() function app() { return { // autoCountryCode: 'New Zealand', autoCountryCode: '', countryCode: '', lmsCountryID: '', dealerCode: '', dealerName: '', dealers: [], selectedDealer: [], characters: 500, stateProvs: [], updateDealer() { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=${this.lmsCountryID}`) .then((res) => { return res.json() }) .then(data => { if (this.lmsCountryID === "AUS") { this.stateProvs = []; if (data.dealers) { data.dealers.forEach(dealer => { if (!this.stateProvs.includes(dealer.address.stateProv)) { this.stateProvs.push(dealer.address.stateProv) } }); } } if (data && data.dealers && data.dealers.length) { data.dealers.forEach(dealer => { if (dealer.address && dealer.address.city) { dealer.name = dealer.name + " - " + dealer.address.city } }); this.dealers = data.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } } else { this.dealers = [] } }); }, isAutoCountry() { if (this.autoCountryCode != "") { this.countryCode = this.autoCountryCode let autoOption = document.createElement("option") autoOption.setAttribute("selected", "selected") autoOption.setAttribute("value", this.autoCountryCode) autoOption.setAttribute("key", this.autoCountryCode) autoOption.innerHTML = this.autoCountryCode document.querySelector("#fe13894").innerHTML = ""; document.querySelector("#fe13894").appendChild(autoOption) if (document.querySelector("#fe13894-container")) { document.querySelector("#fe13894-container").style.display = "none" } this.access() fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=${this.lmsCountryID}`) .then((res) => { return res.json() }) .then(data => { if (this.lmsCountryID === "AUS") { this.stateProvs = []; if (data.dealers) { data.dealers.forEach(dealer => { if (!this.stateProvs.includes(dealer.address.stateProv)) { this.stateProvs.push(dealer.address.stateProv) } }); } } if (data && data.dealers && data.dealers.length) { data.dealers.forEach(dealer => { if (dealer.address && dealer.address.city) { dealer.name = dealer.name + " - " + dealer.address.city } }); this.dealers = data.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } } else { this.dealers = [] } }); } }, getCharLeft() { let currChar = this.$refs.enquiryChar.value.length; this.characters = this.characters - currChar; }, getDealer() { if (this.dealerCode) { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?dealerid=${this.dealerCode}`) .then((res) => { return res.json() }) .then((data) => { console.log(data.dealers); this.dealerName = data.dealers[0].name; this.selectedDealer = data.dealers; }); } }, access() { let cc; switch (this.countryCode) { case 'Australia': cc = 61; this.lmsCountryID = "AUS"; break; case 'New Zealand': cc = 64; this.lmsCountryID = "NZL"; break; default: cc = ''; lmsCountryID = ''; } console.log(this.$refs.output) checkcampaign() if (this.$refs && this.$refs.output) { this.$refs.output.value = cc; hideInputLabelOnChange({target: document.querySelector('[name="fieldMobileCountryCode"]')}) } } } } //your json data var data = [{ "tableName": "Australia", "attributes": [{ "id": "RH1250S", "Name":"Sportster™ S ($500* OFF)" }, { "id": "FXLRS", "Name":"Low Rider™ S ($2,500* OFF)" }, { "id": "FLSB", "Name":"Sport Glide™ ($2,500* OFF)" }, { "id": "FLFBS", "Name":"Fat Boy™ ($2,500* OFF)" }, { "id": "FLHCS", "Name":"Heritage Classic ($2,500* OFF)" }, { "id": "FLTRXS", "Name":"Road Glide™ Special ($5,000* OFF)" }, { "id": "FLHXST", "Name":"Street Glide™ ST ($5,000* OFF)" } ] }, { "tableName": "New Zealand", "attributes": [{ "id": "FXLRS", "Name":"Low Rider™ S ($2,500* OFF)" }, { "id": "FLSB", "Name":"Sport Glide™ ($2,500* OFF)" }, { "id": "FLFBS", "Name":"Fat Boy™ ($2,500* OFF)" }, { "id": "FLHCS", "Name":"Heritage Classic ($2,500* OFF)" }, { "id": "FLHXS", "Name":"Street Glide™ Special ($5,000* OFF)" } ] }] //$('#fe13894').append('<option selected="true" disabled>Select Data</option>'); //var i = 0; //$.each(data, function(index, value) { // // APPEND OR INSERT DATA TO SELECT ELEMENT. // $('#fe13894').append('<option value=' + value.tableName + '>' + value.tableName + '</option>'); // //}); //on change of 1st dropdown $(document).on('change', '#fe13894', function() { var value = $(this).val(); //get value //filter json array var attribute = $(data) .filter(function(i, n) { return n.tableName === value; }); //empty second dropdown $('#fe13910').html(""); $('#fe13910').append('<option value="" style="display:none">Select Preferred Motorcycle</option>'); //loop through attribute $.each(attribute[0].attributes, function(index, value) { //append datas $('#fe13910').append('<option value=' + value.id + ' style="font-weight:bold">' + value.Name + '</option>'); }) }) document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { var error = document.querySelectorAll('.LV_invalid'); if (error.length) { var firstError = document.querySelector(".elq-form .LV_invalid:first-of-type"); var scrollTop = window.scrollY || window.pageYOffset; var y = firstError.getBoundingClientRect().top + scrollTop; scrollTo(document.body, y, 600); return false; } return false; } </script> </body></html><img style="display:none" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1486&PURLRecordID=0&PURLGUID=746654119CA34DFAA424B6613DD971B0&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">