</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"> BREAKUPS DON’T NEED TO BE DIFFICULT </div> <div class="nd-title-sub" style="max-width:900px !important;padding-top:20px;"> Saying goodbye is easy, when it's for a brand-new Harley®! And now we've made it even easier, with a Trade In Bonus of up to $4,000* with the purchase of a selected Harley-Davidson® Cruiser or Touring model. Limited Time Only. 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/%7B0531cb36-6497-4fad-b112-d3860a538ece%7D_hd_logo_symbol_20_black_thick.png" style="width:25%;height:auto;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-Trade-In" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form692"> <input value="en_AU-Trade-In" 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;font-weight:bold">Preferred Motorcycle*</option> <!--<option value="LWZX350">Street Bob™ 114: $2,000</option> <option value="LWZX500">Low Rider™ S: $3,500</option> <option value="LWZX350">Low Rider™ ST: $3,500</option> <option value="LWZX500">Fat Boy™ 114: $3,500</option> <option value="LWZX350">Heritage Classic: $2,500</option> <option value="LWZX500">Road King Special: $4,000</option> <option value="LWZX350">Road Glide™: $3,000</option> <option value="LWZX500">Street Glide™: $3,000</option> <option value="LWZX350">Road Glide™ Limited: $4,000</option> <option value="LWZX500">Ultra Limited: $4,000</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://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=23a28f79fe124f3a8c600cfdbe4a2042&elqaid=1513&elqat=2&elqak=8AF5DE7CF3EE327DCA1F424311E2CDCDEC916F6806170ADFEBE0B5DB18022CEEADA9" 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=1513&elqat=2&elqak=8AF5026E27B68BEB26F04FE801C74F471C4548956B52D427704FEFA533552C90C11F" 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-063-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="Submit" 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 />*Trade In Bonus amounts vary by eligible motorcycle purchased at the listed ride away price from July 9 to September 30, 2024. The Trade In Bonus is offered on top of the existing trade in value of a road registered motorcycle set by the authorised Harley-Davidson Dealer. The trade in value offered is solely at dealer discretion and is based on both market and motorcycle condition. The eligible models and Overtrade Bonus amounts are as follows: Street Bob™ 114 & Heritage Classic: $2,500 / Low Rider™ S & Fat Boy™ 114: $3,500 / Low Rider™ ST, Road King Special, MY23 Road Glide™ Special, MY23 Road Glide™ ST, MY23 Street Glide™ Special, MY23 Street Glide™ ST, Road Glide™ Limited & Ultra Limited: $4,000. All other models are excluded. This offer cannot be used in conjunction with any other offer and can only be claimed when purchasing an eligible model at the listed ride away price. Offer is subject to availability and may be withdrawn by Harley-Davidson Australia & New Zealand at any time without notice. </p> <p style="font-size:9px;text-align:justify;display:none" id="nzcontent"> <br />*Trade In Bonus amounts vary by eligible motorcycle purchased at the listed ride away price from July 9 to September 30, 2024. The Trade In Bonus is offered on top of the existing trade in value of a road registered motorcycle set by the authorised Harley-Davidson Dealer. The trade in value offered is solely at dealer discretion and is based on both market and motorcycle condition. The eligible models and Overtrade Bonus amounts are as follows: Street Bob™ 114 & Heritage Classic: $2,500 / Low Rider™ S, Fat Boy™ 114 & Breakout™ 117: $3,500 / Low Rider™ ST, Road King Special, MY23 Road Glide™ Special, MY23 Road Glide™ ST, MY23 Street Glide™ Special, MY23 Street Glide™ ST, Road Glide™ Limited & Ultra Limited: $4,000. All other models are excluded. This offer cannot be used in conjunction with any other offer and can only be claimed when purchasing an eligible model at the listed ride away price. Offer is subject to availability and may be withdrawn by Harley-Davidson Australia & New Zealand at any time without notice. </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=1513&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF5B20F355DB1DE1D710507997180DCEF2441BF2D3DB9DB5BE417BFFED041DADD4C" 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=1513&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF55AA2A41450DCE812508B9AC97E5C7D6F41BF2D3DB9DB5BE417BFFED041DADD4C" 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=1513&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4479&elqak=8AF55E52E58EEA4385ABD1A56EF6C08ED9DF41BF2D3DB9DB5BE417BFFED041DADD4C" 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": "FXBBS", "Name":"Street Bob™ 114: $2,500" }, { "id": "FXLRS", "Name":"Low Rider™ S: $3,500" }, { "id": "FXLRST", "Name":"Low Rider™ ST: $4,000" }, { "id": "FLFBS", "Name":"Fat Boy™ 114: $3,500" }, { "id": "FLHCS", "Name":"Heritage Classic: $2,500" }, { "id": "FLHRXS", "Name":"Road King Special: $4,000" }, { "id": "FLTRXS", "Name":"MY23 Road Glide™ Special: $4,000" }, { "id": "FLTRXST", "Name":"MY23 Road Glide™ ST: $4,000" }, { "id": "FLHXS", "Name":"MY23 Street Glide™ Special: $4,000" }, { "id": "FLHXST", "Name":"MY23 Street Glide™ ST: $4,000" }, { "id": "FLHXS", "Name":"MY23 Street Glide™ Special: $4,000" }, { "id": "FLTRK", "Name":"Road Glide™ Limited: $4,000" }, { "id": "FLHTK", "Name":"Ultra Limited: $4,000" } ] }, { "tableName": "New Zealand", "attributes": [{ "id": "FXBBS", "Name":"Street Bob™ 114: $2,500" }, { "id": "FXLRS", "Name":"Low Rider™ S: $3,500" }, { "id": "FXLRST", "Name":"Low Rider™ ST: $4,000" }, { "id": "FLFBS", "Name":"Fat Boy™ 114: $3,500" }, { "id": "FXBR", "Name":"Breakout™ 117: $3,500" }, { "id": "FLHCS", "Name":"Heritage Classic: $2,500" }, { "id": "FLHRXS", "Name":"Road King Special: $4,000" }, { "id": "FLTRXS", "Name":"MY23 Road Glide™ Special: $4,000" }, { "id": "FLTRXST", "Name":"MY23 Road Glide™ ST: $4,000" }, { "id": "FLHXS", "Name":"MY23 Street Glide™ Special: $4,000" }, { "id": "FLHXST", "Name":"MY23 Street Glide™ ST: $4,000" }, { "id": "FLTRK", "Name":"Road Glide™ Limited: $4,000" }, { "id": "FLHTK", "Name":"Ultra Limited: $4,000" } ] }] $(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="font-weight:bold">' + 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=1513&PURLRecordID=0&PURLGUID=DE59B319210D4A42B0E9B9F5A5B631D5&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">