</noscript> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPQ639R" height="0" width="0" style="display:none;visibility:hidden"></noscript> <div class="nd-banner"> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <div class="nd-title-main"> Book a Dealer Visit </div> <div class="nd-title-sub" style="max-width:900px !important;line-height:25px;font-size:21px;"> <p>Locate an authorised Harley<sup>®</sup> dealer near you. Find the Harley motorcycle that is right for you, learn to ride, schedule a test ride or shop for motorcycle parts & accessories. </p> <p> Please share your details below. Your local dealer will then be in contact with you to make an appointment.</p> </div> <div class="nd-title-register"> Contact Your Dealer </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/%7B94f7ec23-8c22-45b9-995d-8ca0de9ac048%7D_logo_white-500px.png" style="width:30%;height:auto;text-align:center" /></div> </header> <aside class="form-content" > <div class="form-wrapper"> <form class="form elq-form" method="post" name="changecycle_dealerenquiry_AU" action="https://s211266568.t.eloqua.com/e/f2?LP=921" onSubmit="return handleFormSubmit(this)" id="form478" x-data="app()" x-init="isAutoCountry();"> <input value="changecycle_dealerenquiry_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="fe11058">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="fe11058" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe11059">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="fe11059" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe11060">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="fe11060" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links" id="fe12177-container"> <label class="elq-label" for="fe12177"></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="fe12177" 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">New Zealand</option> </select> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row form-input" style="float: left; width: 36px; margin-right: 8px"> <label class="elq-label" for="fe11062"></label> <div class="form-input-ele" > <input class="elq-item-input change-hide-label" type="text" name="fieldMobileCountryCode" id="fe11062" x-ref="output" style="width:100%;" value="61" /> </div> </div> <div class="form-input-row form-input" style="float: left; width: calc(100% - 44px)"> <label class="elq-label" for="fe11063">Mobile Phone<span class="required">*</span></label> <div class="form-input-ele" > <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe11063" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe11064">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="fieldPostalCode" placeholder="" id="fe11064" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe12181"></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="fe12181" 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 overlap-false" for="fe11067">How can we help you?</label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <textarea class="elq-item-textarea" style="width:100%;" name="paragraphText" id="fe11067"></textarea> <div class="form-element-instruction" style="display:none">(Characters remaining: XXX)</div> </div> </div> </div> </div> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width force-even footer-links"> <label class="elq-label overlap-false" for="fe11081">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="fe11081"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_0sfne7s9" value="Current" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-Yes_0sfne7s9">Yes</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_6rw0brgm" value="No" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-No_6rw0brgm">No</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input full-width force-odd footer-links" id="formElement13"> <label class="elq-label" for="fe11082"></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="fe11082" name="dropdownBrand" style="width:100%;"> <option value="" style="display:none">Brand*</option> <option value="Aprilia">Aprilia</option> <option value="BMW">BMW</option> <option value="Ducati">Ducati</option> <option value="Harley-Davidson">Harley-Davidson</option> <option value="Honda">Honda</option> <option value="Hyosung">Hyosung</option> <option value="Indian">Indian</option> <option value="Kawasaki">Kawasaki</option> <option value="KTM">KTM</option> <option value="Moto Guzzi">Moto Guzzi</option> <option value="MV Agusta">MV Agusta</option> <option value="Suzuki">Suzuki</option> <option value="Triumph">Triumph</option> <option value="Victory">Victory</option> <option value="Yamaha">Yamaha</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="fe11068">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="fe11068" 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="fieldPrivacy" id="fe11070"> <label class="checkbox-aligned elq-item-label" for="fe11070">I have read, understood and accept the <a href='https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=31545356594e46af92f17c07b1fddc45&elqaid=921&elqat=2&elqak=8AF55EB6A3FD310BBD89E08181E54AE937946FA6ACAF8AE6E133C396E7DD0A50F7A9' target='_blank'>Terms and Conditions</a> & <a href='https://www.harley-davidson.com/au/en/footer/utility/privacy-policy.html?elqTrackId=5cbbc109f4d24afca4f3ec81d51a745e&elqaid=921&elqat=2&elqak=8AF531F60CF271D0E1C06FFC5ABC4E7CCE35262802D871557D2B508DE9CE319D4B0B' target='_blank'>Privacy Policy</a>.<span class='required'>*</span></label> </div> </div> </div> </div> </div> </div> <div style="display: none;"> <input type="checkbox" name="fieldSendToTACT" id="fe11071" checked=""> <label class="checkbox-aligned elq-item-label" for="fe11071">Send to TACT</label> <input type="checkbox" name="sendToSalesforceILMS1" id="fe11072" checked=""> <label class="checkbox-aligned elq-item-label" for="fe11072">Send to Salesforce ILMS</label> <label class="elq-label " for="fe11073">Source Description</label> <input type="text" class="elq-item-input" name="fieldSourceDescription" id="fe11073" value="Change Cycle Dealer Enquiry en_AU (Eloqua Form)" style="width:100%;"> <label class="elq-label " for="fe11074">Preferred Dealer Name</label> <input type="text" class="elq-item-input" name="fieldPreferredDealerName" id="fe11074" value="" style="width:100%;"> <label class="elq-label " for="fe11079">Hidden Campaign ID Field</label> <input type="text" class="elq-item-input" name="fieldCampaignID" id="fe11079" value="AU23-116-EL" style="width:100%;"> </div> <div class="group form-input full-width center-align" > <div class="submit-parent"> <input class="submit-button-style " type="Submit" value="SUBMIT" id="fe11080" /> </div> </div> <input type="hidden" name="utm_medium" id="fe11075" value=""> <input type="hidden" name="utm_source" id="fe11076" value=""> <input type="hidden" name="utm_campaign" id="fe11077" value=""> <input type="hidden" name="source_cd" id="fe11078" value=""> </form> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script>function ndBannerTop(){var ndBanner = document.querySelector(".nd-banner");if (ndBanner.offsetTop > 0){ndBanner.style.top = (ndBanner.offsetTop*-1) + "px"}};ndBannerTop()</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 { var siblingDivs = Array.from(parentNode.querySelectorAll(".change-hide-label")) var allSiblingsEmpty = true siblingDivs.forEach((sibling)=>{ if (sibling.value != ""){ allSiblingsEmpty = false } }) if (allSiblingsEmpty){ 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); input.addEventListener("keyup", 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(ele) { var submitButton = ele.querySelector("input[type=submit]"); var spinner = document.createElement("span"); spinner.setAttribute("class", "loader"); submitButton.setAttribute("disabled", true); submitButton.style.cursor = "wait"; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e) { var submitButtons = e.target.form.getElementsByClassName("submit-button"); for (var i = 0; i < submitButtons.length; i++) { submitButtons[i].disabled = false; } } function addChangeHandler(elements) { for (var i = 0; i < elements.length; i++) { elements[i].addEventListener("change", resetSubmitButton); } } var form = document.getElementById("form478"); addChangeHandler(form.getElementsByTagName("input")); addChangeHandler(form.getElementsByTagName("select")); addChangeHandler(form.getElementsByTagName("textarea")); var nodes = document.querySelectorAll("#form478 input[data-subscription]"); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute("data-subscription"); if (status === "true") { nodes[i].checked = true; } } } var nodes = document.querySelectorAll("#form478 select[data-value]"); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var 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 (list) { return list[list.length - 1].parentElement; }; var dom0 = document.querySelector("#form478 #fe11058"); var fe11058 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11058.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); fe11058.add(Validate.Presence, { failureMessage: "Please enter your first name.", }); var dom1 = document.querySelector("#form478 #fe11059"); var fe11059 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11059.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); fe11059.add(Validate.Presence, { failureMessage: "Please enter your last name.", }); var dom2 = document.querySelector("#form478 #fe11060"); var fe11060 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11060.add(Validate.Presence, { failureMessage: "Please enter a valid email.", }); fe11060.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.", }); fe11060.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true", }); fe11060.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("#form478 #fe12177"); var fe12177 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe12177.add(Validate.Presence, { failureMessage: "Please select your country.", }); var dom5 = document.querySelector("#form478 #fe11062"); var fe11062 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11062.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11062.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); fe11062.add(Validate.Presence, { failureMessage: "Please enter a valid number.", }); fe11062.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99, }); // mobile_validation_start var dom6 = document.querySelector("#form478 #fe11063"), fe11063 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe11063.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, }), fe11063.add(Validate.Custom, { against: function (e) { return Boolean(String(e).length == 10) }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe11063.add(Validate.Custom, { against: function (e) { return Boolean(String(e).charAt(0) == "0") }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe11063.add(Validate.Presence, { failureMessage: "Phone number should start with 0 and 10digits only", }), fe11063.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe11063.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", }); dom6.addEventListener("focus", (e) => { e.target.setAttribute("placeholder", "e.g. 0987654321") }); dom6.addEventListener("blur", (e) => { e.target.setAttribute("placeholder", "") }); // mobile_validation_end var dom7 = document.querySelector("#form478 #fe11064"); var fe11064 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11064.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11064.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); fe11064.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35, }); fe11064.add(Validate.Presence, { failureMessage: "This field is required" }); var dom9 = document.querySelector("#form478 #fe12181"); var fe12181 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe12181.add(Validate.Presence, { failureMessage: "Please select your preferred dealer.", }); var dom11 = document.querySelector("#form478 #fe11067"); var fe11067 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11067.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11067.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); var dom12 = document.querySelectorAll('#form478 [name="fieldOwnMotorcycle"]'); var fe11081 = new LiveValidation( dom12, { validMessage: "", onlyOnBlur: false, wait: 300, insertAfterWhatNode: this.getParentElement(dom12), isGroup: true, }, true ); fe11081.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11081.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); fe11081.add(Validate.Presence, { failureMessage: "Please confirm if you currently own a motorcycle.", }); var dom13 = document.querySelector("#form478 #fe11082"); var fe11082 = new LiveValidation(dom13, { validMessage: "", onlyOnBlur: false, wait: 300, }); var dom14 = document.querySelector("#form478 #fe11068"); var fe11068 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11068.add(Validate.Presence, { failureMessage: "Please select an option" }); var dom15 = document.querySelector("#form478 #fe11070"); var fe11070 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11070.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the attached privacy notification.", }); var dom16 = document.querySelector("#form478 #fe11071"); var fe11071 = new LiveValidation(dom16, { validMessage: "", onlyOnBlur: false, wait: 300, }); var dom17 = document.querySelector("#form478 #fe11072"); var fe11072 = new LiveValidation(dom17, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11072.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11072.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); var dom18 = document.querySelector("#form478 #fe11073"); var fe11073 = new LiveValidation(dom18, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11073.add(Validate.Custom, { against: function (value) { return !value.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 dom24 = document.querySelector("#form478 #fe11079"); var fe11079 = new LiveValidation(dom24, { validMessage: "", onlyOnBlur: false, wait: 300, }); fe11079.add(Validate.Custom, { against: function (value) { return !value.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", }); fe11079.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }); fe11079.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35, }); </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> <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"> --> <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 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("#fe12177").innerHTML = ""; document.querySelector("#fe12177").appendChild(autoOption) if (document.querySelector("#fe12177-container")) { document.querySelector("#fe12177-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.countryCode, cc, this.$refs.output) if (this.$refs && this.$refs.output) { this.$refs.output.value = cc; var invalidDiv = this.$refs.output.parentNode.parentNode.querySelector(".LV_invalid") if (invalidDiv){ invalidDiv.style.display = "none" } } } } } 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> </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=921&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF5DB586C59EF7CC7CB24C921D3AA6482EF41BF2D3DB9DB5BE417BFFED041DADD4C" 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=921&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF5E723185E09215B12E50A64BFA820DA4E41BF2D3DB9DB5BE417BFFED041DADD4C" 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=921&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4487&elqak=8AF5C30B795CC8C56DA53549E0D00F7A62B341BF2D3DB9DB5BE417BFFED041DADD4C" 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> </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=921&PURLRecordID=0&PURLGUID=1C6DC5676D264657B8B7E05D990EAA0C&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0&campaign_code=AU23-116-EL" border=0 width=1 height=1 alt="">