</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"> YOUR JOURNEY STARTS HERE </div> <div class="nd-title-sub" style="max-width:900px !important;padding-top:20px;"> When you break free, nothing can hold you back. Learn to ride on a Harley-Davidson X™ and we’ll give you $500* towards your new LAMS approved Harley-Davidson X™ purchase, Genuine Apparel, or Parts & Accessories. 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="en_AU-Passport-to-Freedom" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form692"> <input value="en_AU-Passport-to-Freedom" type="hidden" name="elqFormName"/> <input value="211266568" type="hidden" name="elqSiteId"/> <div class="group form-input footer-links" style="display: none;"></div> <div class="group form-input footer-links"> <label class="elq-label" for="fe14322">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="fe14322" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe14323">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="fe14323" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe14324">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="fe14324" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links" id="fe14325-container"> <label class="elq-label" for="fe14325"></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="fe14325" 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="fe14326">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="fe14326" x-ref="output" style="width:36px; margin-right: 8px; float: left"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe14327" style="width:calc(100% - 44px);"> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe14328">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="fe14328" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe14330"></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="fe14330" 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="fe14329"></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="fe14329" name="fieldPreferredBike" style="width:100%;"> <option value="" style="display:none;">Preferred Motorcycle*</option> <!-- <option value="LWZX350">X™350</option> <option value="LWZX500">X™500</option> --> </select> </div> </div> </div> </div> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe14331">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="fe14331"> <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 full-width footer-links"> <label class="elq-label" for="fe14332"></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="fe14332" 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="fe14333">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="fe14333" 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="fe1390"> <label class="checkbox-aligned elq-item-label" for="fe1390">I acknowledge that I have a valid motorcycle license.</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="fe14335"> <label class="checkbox-aligned elq-item-label" for="fe14335">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="fe14336"> <label class="checkbox-aligned elq-item-label" for="fe14336">I have read, understood and accept the <a href="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{bd46020a-c91c-4433-91e2-9457c6c90dfc}_Harley-Davidson_Passport_To_Freedom_Offer_T_Cs_Final_15052024.pdf?elqTrackId=88f0e884baf84e2dba81e21a85e28a0b&elqaid=1488&elqat=2&elqak=8AF5653520B57F3D68A0432B6981C7FD98A709C035592B3E1A8C93023C20658EB893" 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=1488&elqat=2&elqak=8AF5CA4056A4EAF141350D0D30CBCC40AADBE326ED0A2887A79E8D3C41C14079FAA0" 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="fe14337" value="AU24-044-FO" style="width:100%;"/> <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="Get your Passport to Freedom now!" id="fe14342"> </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;display:none" id="aucontent"> <br />*Terms and Conditions Apply. Offer available at participating dealers only. Offer available to customers who obtained their motorcycle licence after 1 January 2023 and purchase a Harley-Davidson X<sup style="line-height: 3; font-size: 70%; mso-text-raise: 60%;">™</sup> Model at Ride Away Price between 1 June and 30th September 2024, unless extended. Not to be used in conjunction with any other offer. Offer 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> <p style="font-size:9px;text-align:justify;display:none" id="nzcontent"> <br />*Terms and Conditions Apply. Offer available at participating dealers only. Offer available to customers who obtained their motorcycle licence after 1 January 2023 and purchase a Harley-Davidson X350™ model at Ride Away Price between 1 June and 30th September 2024, unless extended. Not to be used in conjunction with any other offer. Offer may be withdrawn by Harley-Davidson® 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=1488&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF594DF2A595E52324DAA1CA3F0AFF9E8E841BF2D3DB9DB5BE417BFFED041DADD4C" 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=1488&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF53F3608E05B3C05C9249FDEC63D907CD641BF2D3DB9DB5BE417BFFED041DADD4C" 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=1488&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF58E183F946B99A03E7104D6E62897838241BF2D3DB9DB5BE417BFFED041DADD4C" 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 checkcampaign() { var dop = document.getElementById("fe14325").value; //console.log(dop) //alert(dop); if(dop=='Australia') { var con="AU24-006-FO"; document.getElementById("fe14337").value=con; } else { var con="NZ24-006-FO"; document.getElementById("fe14337").value=con; } } 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) }) } 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("form692"); if ( (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), (nodes = document.querySelectorAll("#form692 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("#form692 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("#form692 #fe14322"), fe14322 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14322.add(Validate.Presence, { failureMessage: "Please enter your first name.", }), fe14322.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("#form692 #fe14323"), fe14323 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14323.add(Validate.Presence, { failureMessage: "Please enter your last name.", }), fe14323.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("#form692 #fe14324"), fe14324 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14324.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100, }), fe14324.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.", }), fe14324.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true", }), fe14324.add(Validate.Presence, { failureMessage: "Please enter a valid email.", }); var dom3 = document.querySelector("#form692 #fe14325"), fe14325 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14325.add(Validate.Presence, { failureMessage: "Please select your country", }); var dom4 = document.querySelector("#form692 #fe14326"), fe14326 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14326.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99, }), fe14326.add(Validate.Presence, { failureMessage: "Please enter a valid number.", }), fe14326.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe14326.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("#form692 #fe14327"), fe14327 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14327.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, }), fe14327.add(Validate.Custom, { against: function (e) { return Boolean(String(e).length == 10) }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe14327.add(Validate.Custom, { against: function (e) { return Boolean(String(e).charAt(0) == "0") }, failureMessage: "Phone number should start with 0 and 10digits only", }), fe14327.add(Validate.Presence, { failureMessage: "Phone number should start with 0 and 10digits only", }), fe14327.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe14327.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("#form692 #fe14328"), fe14328 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14328.add(Validate.Presence, { failureMessage: "This field is required" }), fe14328.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35, }); // var dom7 = document.querySelector("#form692 #fe14329"), // fe14329 = new LiveValidation(dom7, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe14329.add(Validate.Presence, { // failureMessage: "Please select your preferred motorcycle", // }); var dom8 = document.querySelector("#form692 #fe14330"), fe14330 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14330.add(Validate.Presence, { failureMessage: "Please select a dealer." }); var dom10 = document.querySelectorAll('#form692 [name="fieldOwnMotorcycle"]'), fe14331 = new LiveValidation( dom10, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom10), isGroup: !0, }, !0 ); fe14331.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", }), fe14331.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe14331.add(Validate.Presence, { failureMessage: "Please confirm if you currently own a motorcycle.", }); var dom11 = document.querySelector("#form692 #fe14332"), fe14332 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300, }); var dom12 = document.querySelector("#form692 #fe14333"), fe14333 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14333.add(Validate.Presence, { failureMessage: "Please select an option" }); var dom14 = document.querySelector("#form692 #fe14335"), fe14335 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom15 = document.querySelector("#form692 #fe14336"), fe14336 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe14336.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the attached privacy notification.", }); </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 app() { return { 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("#fe14325").innerHTML = ""; document.querySelector("#fe14325").appendChild(autoOption) if (document.querySelector("#fe14325-container")) { document.querySelector("#fe14325-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 = ''; } 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": "LWZX350", "Name":"X™350" }, { "id": "LWZX500", "Name":"X™500" } ] }, { "tableName": "New Zealand", "attributes": [{ "id": "LWZX350", "Name":"X™350" } ] }] $(document).on('change', '#fe14325', function() { var value = $(this).val(); //get value //filter json array var attribute = $(data) .filter(function(i, n) { return n.tableName === value; }); //empty second dropdown $('#fe14329').html(""); $('#fe14329').append('<option value="" style="display:none">Select Preferred Motorcycle</option>'); //loop through attribute $.each(attribute[0].attributes, function(index, value) { //append datas $('#fe14329').append('<option value=' + value.id + ' style="">' + value.Name + '</option>'); }) var e = document.getElementById('fe14325'); var val = e.options[e.selectedIndex].value; switch (val) { case "1": document.getElementById('aucontent').style.display = 'block'; document.getElementById('nzcontent').style.display = 'none'; break; case "New Zealand": document.getElementById('nzcontent').style.display = 'block'; document.getElementById('aucontent').style.display = 'none'; break; } }) $(document).on('change', '#fe14325', function() { var e = document.getElementById('fe14325'); var val = e.options[e.selectedIndex].value; switch (val) { case "Australia": document.getElementById('aucontent').style.display = 'block'; document.getElementById('nzcontent').style.display = 'none'; break; case "2": document.getElementById('nzcontent').style.display = 'block'; document.getElementById('aucontent').style.display = 'none'; break; } }) document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { checkcampaign() 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=1488&PURLRecordID=0&PURLGUID=A2E7E745D432444AA692C9DFE161C694&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">