</noscript> <div class="nd-banner"> <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> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <div class="nd-title-main" style="font-size:55px;"> Register your interest today. </div> <div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px;"> A ride on a Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> motorcycle can make any weekend epic. It can turn a daily commute into an adrenaline-fest. A Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> blows things wide open. Pure freedom. As big and real as it gets. </div> <div class="nd-title-register"> </div> <div class="nd-title-subregister"> <sup style="line-height: 1; font-size: 113%;">*</sup> Indicates required fields </div> </div> <aside class="form-content"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY24-RYI-AU" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form597" x-data="app()" x-init="isAutoCountry();"> <input value="MY24-RYI-AU" 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="fe13672">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="fe13672" style="width:100%;" /></div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13673">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="fe13673" style="width:100%;" /></div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13674">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="fe13674" style="width:100%;" /></div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13675" id="mobileLabel">Mobile Phone<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="fieldMobileCountryCode" id="fe13675" x-ref="output" style="display:none" value="61" /> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13676" style="width:100%" aria-labelledby="mobileLabel" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13677">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="fe13677" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13847"></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="fe13847" name="fieldPreferredDealer" style="width:100%" x-ref="select" x-model="dealerCode" @change="getDealer();"> <option value="" style="display: none;">Preferred Dealer<span class="required">*</span></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 x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13848">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="fe13848"> <div class="checkbox-parent"><input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_qzpaqdai" value="True" name="fieldOwnMotorcycle" /><label class="checkbox-aligned elq-item-label" for="radio-Yes_qzpaqdai">Yes</label></div> <div class="checkbox-parent"><input @click="bikeYes = 'no'" type="radio" id="radio-No_rdwz2sc" value="False" name="fieldOwnMotorcycle" /><label class="checkbox-aligned elq-item-label" for="radio-No_rdwz2sc">No</label></div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13849"></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="fe13849" 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="fe13678">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="fe13678" 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="I am not interested in purchasing at this time">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="fieldOptinEmail" id="fe13680" /><label class="checkbox-aligned elq-item-label" for="fe13680">I would like to receive communications periodically regarding Harley‑Davidson<sup style='font-size: .6em;'>®</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="fe13681" /><label class="checkbox-aligned elq-item-label" for="fe13681">I have read, understood and accept the <a href='https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=7aeb25a2b4514ac8adff67fbe2ac499a&elqaid=1429&elqat=2&elqak=8AF5AE7686B9B717C6398DAAD6C21FD02310EE71C9D70475AA81F7255EC28FB536EA' 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=503885c762c145bca3fff528bb3edebd&elqaid=1429&elqat=2&elqak=8AF5ECD3DFCE24FD4AF79A79AE0C40DF89BF3AB1C66982729A0C4414B60280CB12E1' rel='rel noopener' target='_blank' class='inline-link'>Privacy Policy</a>.<span class='elq-required'>*</span></label></div> </div> </div> </div> </div> </div> <div class="group form-input footer-links" id="fe13689-container"> <label class="elq-label" for="fe13689"></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="fe13689" name="fieldCountry" style="width:100%" x-model="countryCode" @change="dealers = [];selectedDealer=[];access(); updateDealer();"> <option value="" style="display:none">Country<span class="required">*</span></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 style="display:none;"> <input class="elq-item-input" type="text" name="fieldCampaignID" id="fe13682" value="AU24-003-FO" style="width:100%;" /> <input type="hidden" name="utm_medium" id="fe13684" value="" /> <input type="hidden" name="utm_source" id="fe13685" value="" /> <input type="hidden" name="utm_campaign" id="fe13686" value="" /> <input type="hidden" name="source_cd" id="fe13687" 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="fe13688" /> </div> </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</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/au/en/footer/utility/privacy-policy.html?elqTrackId=ce754288880e4395a4470ff7a8769a2a&elq=00000000000000000000000000000000&elqaid=1429&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF56601DA89E642F32A05421807E016AB8441BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Privacy Policy</a><a href="https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=4da2e7a54d44494bb121473c00da21bc&elq=00000000000000000000000000000000&elqaid=1429&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF57341CE6546D7AC17054EA1C60537B23041BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Terms Of Use</a><a href="https://www.harley-davidson.com/au/en/footer/utility/we-care-about-you.html?elqTrackId=dfa18922f92e4d6f874e213cd7df1ff2&elq=00000000000000000000000000000000&elqaid=1429&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF5A84F4E2E298F34D2FE13F49288CC892841BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">We Care About You</a></nav> <small class="footer-copyright">©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: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> Australia</small></footer> <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 labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (e.target.value == ""){ 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); hideInputLabelOnChange({target: input}) }) } 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("form597"); if (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), nodes = document.querySelectorAll("#form597 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("#form597 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("#form597 #fe13672"), fe13672 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13672.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35 }), fe13672.add(Validate.Presence, { failureMessage: "Please enter your first name." }); var dom1 = document.querySelector("#form597 #fe13673"), fe13673 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13673.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35 }), fe13673.add(Validate.Presence, { failureMessage: "Please enter your last name." }); var dom2 = document.querySelector("#form597 #fe13674"), fe13674 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13674.add(Validate.Presence, { failureMessage: "Please enter a valid email." }), fe13674.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." }), fe13674.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true" }), fe13674.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100 }); var dom3 = document.querySelector("#form597 #fe13675"), fe13675 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13675.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" }), fe13675.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13675.add(Validate.Presence, { failureMessage: "Please enter a valid number." }), fe13675.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99 }); var dom4 = document.querySelector("#form597 #fe13676"), fe13676 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13676.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, }), fe13676.add(Validate.Custom, { against: function (e) { return Boolean(String(e).length == 10) }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe13676.add(Validate.Custom, { against: function (e) { return Boolean(String(e).charAt(0) == "0") }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe13676.add(Validate.Presence, { failureMessage: "Phone number should start with 0 and 10digits only", }), fe13676.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13676.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", }); dom4.addEventListener("focus", (e) => { e.target.setAttribute("placeholder", "e.g. 0987654321") }); dom4.addEventListener("blur", (e) => { e.target.setAttribute("placeholder", "") }); var dom5 = document.querySelector("#form597 #fe13677"), fe13677 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13677.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 }), fe13677.add(Validate.Presence, { failureMessage: "This field is required" }); var dom6 = document.querySelector("#form597 #fe13847"), fe13847 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13847.add(Validate.Presence, { failureMessage: "Please select a dealer." }); var dom7 = document.querySelectorAll('#form597 [name="fieldOwnMotorcycle"]'), fe13848 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom7), isGroup: !0 }, !0); fe13848.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" }), fe13848.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13848.add(Validate.Presence, { failureMessage: "Please confirm if you currently own a motorcycle." }); var dom8 = document.querySelector("#form597 #fe13849"), fe13849 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom9 = document.querySelector("#form597 #fe13678"), fe13678 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13678.add(Validate.Presence, { failureMessage: "Please select an option" }); var dom10 = document.querySelector("#form597 #fe13680"), fe13680 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom11 = document.querySelector("#form597 #fe13681"), fe13681 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13681.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the attached privacy notification." }); </script> <link rel="preload" href="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <noscript> <link rel="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" /> </noscript> <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) { "use strict"; t.loadCSS || (t.loadCSS = function () { }); var e = loadCSS.relpreload = {}; if (e.support = function () { var e; try { e = t.document.createElement("link").relList.supports("preload") } catch (t) { e = !1 } return function () { return e } }(), e.bindMediaToggle = function (t) { var e = t.media || "all"; function a() { 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 = "only x" }), setTimeout(a, 3e3) }, e.poly = function () { if (!e.support()) for (var a = t.document.getElementsByTagName("link"), n = 0; n < a.length; n++) { var o = 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(); var a = 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" != typeof exports ? exports.loadCSS = loadCSS : t.loadCSS = loadCSS }("undefined" != typeof global ? global : this);</script> <script> function app() { return { autoCountryCode: 'Australia', // 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) { 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("#fe13689").innerHTML = ""; document.querySelector("#fe13689").appendChild(autoOption) if (document.querySelector("#fe13689-container")) { document.querySelector("#fe13689-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) { 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) if (this.$refs && this.$refs.output) { this.$refs.output.value = cc; } } } } 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=1429&PURLRecordID=0&PURLGUID=235451C60C144BCCAAAD9FCF376DCF29&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">