</noscript> <!-- 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"> LAMS approved Harley-Davidson X<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup>350 <br/>and Harley-Davidson X<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup>500 coming soon </div> <div class="nd-title-sub" style="max-width:900px !important;padding-top:20px;"> You’ll never forget your first Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup>. Lightweight and agile, the All-New Harley-Davidson X<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup> motorcycles are unmistakably Harley-Davidson. To be the first to know pricing and release information about the Harley-Davidson X<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup>350 and Harley-Davidson X<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup>500 motorcycles, register your interest now. </div> <div class="nd-title-register"> Register Your Interest Now </div> <div class="nd-title-subregister"> <sup>*</sup> Indicates required fields </div> </div> <aside class="form-content" x-data="app()" x-init="isAutoCountry();"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="Tactical23_ANZ_X_Models" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form696"> <input value="Tactical23_ANZ_X_Models" type="hidden" name="elqFormName"> <input value="211266568" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <div class="group form-input footer-links"> <label class="elq-label" for="fe13887">First name<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldFirstName" placeholder="" id="fe13887" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13888">Last name<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldLastName" placeholder="" id="fe13888" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13889">Email<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldEmail" placeholder="" id="fe13889" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links" id="fe13894-container"> <label class="elq-label" for="fe13894"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13894" name="fieldCountry" style="width:100%" x-model="countryCode" @change="dealers = [];selectedDealer=[];access(); updateDealer();"> <option value="" style="display:none">Country*</option> <option value="Australia" key="Australia">Australia</option> <option value="New Zealand" key="New Zealand">New Zealand</option> </select> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13895">Mobile Phone<span class="required">*</span></label> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobileCountryCode" id="fe13895" x-ref="output" style="width:36px; margin-right: 8px; float: left"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13896" style="width:calc(100% - 44px);"> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13897">Post Code<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldPostCode" placeholder="" id="fe13897" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13898"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13898" name="fieldPreferredDealer" style="width:100%" x-ref="select" x-model="dealerCode" @change="getDealer();"> <option value="" style="display:none">Preferred Dealer*</option> <template x-if="dealers && lmsCountryID == 'AUS'" x-for="stateProv in stateProvs" :key="stateProv"> <optgroup :key="stateProv" :label="stateProv"> <template x-for="dealer in (dealers.filter(i => i.address.stateProv === stateProv))"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"> </option> </template> </optgroup> </template> <template x-if="dealers && lmsCountryID !== 'AUS'" x-for="dealer in dealers" :key="dealer.id"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"></option> </template> </select> </div> </div> </div> </div> <template x-if="dealerCode != '' && selectedDealer.length"> <div class="dealer-details"> <h5 class="uppercase" x-text="selectedDealer[0].name" style="font-size:16px;"></h5> <p><span x-html="selectedDealer[0].address.streetAddress"></span><br> <span x-html="selectedDealer[0].address.city"></span> <span x-html="selectedDealer[0].address.stateProv"></span> <span x-html="selectedDealer[0].address.zipPost"></span> <span x-html="selectedDealer[0].address.country"></span> </p> <p x-text="selectedDealer[0].phone"></p> </div> </template> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13910"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13910" name="fieldPreferredBike" style="width:100%;"> <option value="" style="display:none">Preferred Motorcycle*</option> <option value="LWZX350">Harley-Davidson X™350</option> <option value="LWZX500">Harley-Davidson X™500</option> </select> </div> </div> </div> </div> </div> <!-- <div x-data="{ bikeYes: 'no' }"> <div class="group form-input force-even footer-links"> <label class="elq-label overlap-false" for="fe13911">Do you currently own a motorcycle?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele" id="fe13911"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_2jvskkxv" value="Current" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-Yes_2jvskkxv">Yes</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_idspcwqi" value="No" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-No_idspcwqi">No</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input force-odd footer-links"> <label class="elq-label" for="fe13912"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13912" name="fieldBrand" style="width:100%;"> <option value="" style="display:none">Brand*</option> <option value="Honda">Honda</option> <option value="Yamaha">Yamaha</option> <option value="Kawasaki">Kawasaki</option> <option value="Suzuki">Suzuki</option> <option value="Harley-Davidson">Harley-Davidson</option> <option value="BMW">BMW</option> <option value="Ducati">Ducati</option> <option value="Triumph">Triumph</option> <option value="KTM">KTM</option> <option value="Moto Guzzi">Moto Guzzi</option> <option value="Indian">Indian</option> <option value="MV Agusta">MV Agusta</option> <option value="Royal Enfield">Royal Enfield</option> <option value="Hyosung">Hyosung</option> <option value="Other">Other</option> </select> </div> </div> </div> </div> </div> </div> </div> --> <!--<div class="group form-input full-width footer-links"><label class="elq-label overlap-false" for="">Date of Birth*</label> <div class="row fix-vali" style="margin-left:-10px;margin-right:-10px;position:relative;"> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldDay" placeholder="DD" id="fe11083" value="" style="width:100%;" maxlength="2" pattern="[0-9]{1,2}" /></div> </div> </div> </div> </div> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldMonth" placeholder="MM" id="fe11084" value="" style="width:100%;" maxlength="2" pattern="[0-9]{1,2}" /></div> </div> </div> </div> </div> <div class="birthdate-subfield" style="float:left;width:33.33%;padding:0 10px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"><input class="elq-item-input" type="text" name="fieldYear" placeholder="YYYY" id="fe11085" value="" style="width:100%;" maxlength="4" pattern="[0-9]{4}" /></div> </div> </div> </div> </div> <div class="hide" style="display:none;"><input class="elq-item-input" type="text" name="fieldDOB" id="fe10912" value="" style="width:100%;" x-ref="birthdate" /></div> </div> </div>--> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13899">When are you thinking of purchasing a motorcycle?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select select-grey-placeholder" id="fe13899" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display:none">Choose one</option> <option value="0-3 Months">0-3 Months</option> <option value="4-6 months">4-6 Months</option> <option value="7-12 Months">7-12 Months</option> <option value="Not sure">I am not interested in purchasing at this time</option> </select> </div> </div> </div> </div> </div> <!-- <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldLicense" id="fe13900" /> <label class="checkbox-aligned elq-item-label" for="fe13900">I acknowledge that I have a valid full motorcycle licence.<span class='elq-required'>*</span></label> </div> </div> </div> </div> </div> </div> --> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldLicense" id="fe1390"> <label class="checkbox-aligned elq-item-label" for="fe1390">I acknowledge that I have a valid motorcycle license.</label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldOptinEmail" id="fe13901"> <label class="checkbox-aligned elq-item-label" for="fe13901">I would like to receive communications periodically regarding Harley‑Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> products and services.</label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldPrivacy" id="fe13902"> <label class="checkbox-aligned elq-item-label" for="fe13902">I have read, understood and accept the <a href="https://www.harley-davidson.com/au/en/footer/utility/terms-of-use.html?elqTrackId=643e4d6cd73144288f6dead0ba00e8cb&elqaid=1409&elqat=2" 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=1409&elqat=2" rel="rel noopener" target="_blank" class="inline-link">Privacy Policy</a>.<span class="elq-required">*</span></label> </div> </div> </div> </div> </div> </div> <div style="display:none;"> <input class="elq-item-input" type="text" name="fieldCampaignID" id="fe13903" style="width:100%;" value="AU23-147-FO"> <input type="hidden" name="utm_medium" id="fe13905" value=""> <input type="hidden" name="utm_source" id="fe13906" value=""> <input type="hidden" name="utm_campaign" id="fe13907" value=""> <input type="hidden" name="source_cd" id="fe13908" value=""> </div> <div class="group form-input full-width center-align"> <div class="submit-parent"> <input class="submit-button-style " type="Submit" value="SUBMIT" id="fe13909"> </div> </div> </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=1409&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4497" 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=1409&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4497" 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=1409&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4497" rel="noopener">We Care About You</a></nav> </footer> <div class="form-wrapper"> <div class="group form-input full-width nd-form-disclaimer" style="line-height:20px;margin-top:0px;color:#FFFFFF;font-size:8px;"> ©2023 H-D or its affiliates. HARLEY-DAVIDSON, HARLEY, H-D, HARLEY-DAVIDSON X<sup style="line-height: 2; font-size: 70%; mso-text-raise: 60%;">™</sup> Harley-Davidson X<sup style="line-height: 2; font-size: 70%; mso-text-raise: 60%;">™</sup>and the Bar and Shield Logo are among the trademarks of H-D U.S.A., LLC. Third-party trademarks are the property of their respective owners. Actual specifications of the motorcycle may vary. Please reach out to your nearest dealer for more details. </div> </div> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script> function hideInputLabelOnChange(e){ var parentNode = e.target.parentNode; var loopBreaker = 0; while((!parentNode.classList.contains("form-input")) && (loopBreaker < 12)){ parentNode = parentNode.parentNode loopBreaker++; } var siblingFields = Array.from(parentNode.querySelectorAll(".change-hide-label")); var valueString = e.target.value; if (siblingFields.length){ siblingFields.forEach((item)=>{ valueString += String(item.value) }) } console.log(siblingFields, valueString) var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (valueString == ""){ labelDiv.classList.remove("elq-label-hidden") } else { labelDiv.classList.add("elq-label-hidden") } } } function hideInputLabelEventListener(){ var inputList = Array.from(document.querySelectorAll(".change-hide-label")) inputList.forEach(function(input){ input.addEventListener("change", hideInputLabelOnChange); input.addEventListener("focus", hideInputLabelOnChange); input.addEventListener("blur", hideInputLabelOnChange); }) } function selectGreyOnChange(e){ e.target.classList.add("value-valid") } function selectGreyEventListener(){ var inputList = Array.from(document.querySelectorAll(".select-grey-placeholder")) inputList.forEach(function(input){ input.addEventListener("change", selectGreyOnChange); }) } hideInputLabelEventListener() selectGreyEventListener() </script> <script> function handleFormSubmit(e) { var a = e.querySelector("input[type=submit]"), t = document.createElement("span"); return ( t.setAttribute("class", "loader"), a.setAttribute("disabled", !0), (a.style.cursor = "wait"), a.parentNode.appendChild(t), !0 ); } function resetSubmitButton(e) { for ( var a = e.target.form.getElementsByClassName("submit-button"), t = 0; t < a.length; t++ ) a[t].disabled = !1; } function addChangeHandler(e) { for (var a = 0; a < e.length; a++) e[a].addEventListener("change", resetSubmitButton); } var nodes, form = document.getElementById("form696"); if ( (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), (nodes = document.querySelectorAll("#form696 input[data-subscription]"))) ) for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute("data-subscription"); "true" === status && (nodes[i].checked = !0); } if ((nodes = document.querySelectorAll("#form696 select[data-value]"))) for (i = 0; i < nodes.length; i++) { var node = nodes[i], selectedValue = node.dataset ? node.dataset.value : node.getAttribute("data-value"); if (selectedValue) for (var j = 0; j < node.options.length; j++) if (node.options[j].value === selectedValue) { node.options[j].selected = "selected"; break; } } this.getParentElement = function (e) { return e[e.length - 1].parentElement; }; var dom0 = document.querySelector("#form696 #fe13887"), fe13887 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13887.add(Validate.Presence, { failureMessage: "Please enter your first name.", }), fe13887.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); var dom1 = document.querySelector("#form696 #fe13888"), fe13888 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13888.add(Validate.Presence, { failureMessage: "Please enter your last name.", }), fe13888.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); var dom2 = document.querySelector("#form696 #fe13889"), fe13889 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13889.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100, }), fe13889.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "Please enter a valid email.", }), fe13889.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true", }), fe13889.add(Validate.Presence, { failureMessage: "Please enter a valid email.", }); var dom3 = document.querySelector("#form696 #fe13894"), fe13894 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13894.add(Validate.Presence, { failureMessage: "Please select your country", }); var dom4 = document.querySelector("#form696 #fe13895"), fe13895 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13895.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99, }), fe13895.add(Validate.Presence, { failureMessage: "Please enter a valid number.", }), fe13895.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13895.add(Validate.Custom, { against: function (e) { return !e.match( /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i ); }, failureMessage: "Value must not contain any URL's", }); var dom5 = document.querySelector("#form696 #fe13896"), fe13896 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13896.add(Validate.Numericality, { tooLowMessage: "Please enter a valid number.", tooHighMessage: "Please enter a valid number.", minimum: 0, maximum: 999999999999999, }), fe13896.add(Validate.Presence, { failureMessage: "Please enter a valid number.", }), fe13896.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13896.add(Validate.Custom, { against: function (e) { return !e.match( /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i ); }, failureMessage: "Value must not contain any URL's", }); var dom6 = document.querySelector("#form696 #fe13897"), fe13897 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13897.add(Validate.Presence, { failureMessage: "This field is required" }), fe13897.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35, }); var dom7 = document.querySelector("#form696 #fe13910"), fe13910 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13910.add(Validate.Presence, { failureMessage: "Please select your preferred motorcycle", }); var dom8 = document.querySelector("#form696 #fe13898"), fe13898 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13898.add(Validate.Presence, { failureMessage: "Please select a dealer." }); // var dom10 = document.querySelectorAll('#form696 [name="fieldOwnMotorcycle"]'), // fe13911 = new LiveValidation( // dom10, // { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // insertAfterWhatNode: this.getParentElement(dom10), // isGroup: !0, // }, // !0 // ); // fe13911.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe13911.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe13911.add(Validate.Presence, { // failureMessage: "Please confirm if you currently own a motorcycle.", // }); // var dom11 = document.querySelector("#form696 #fe13912"), // fe13912 = new LiveValidation(dom11, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); var dom12 = document.querySelector("#form696 #fe13899"), fe13899 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13899.add(Validate.Presence, { failureMessage: "Please select an option" }); // var dom13 = document.querySelector("#form696 #fe13900"), // fe13900 = new LiveValidation(dom13, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe13900.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe13900.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe13900.add(Validate.Acceptance, { // failureMessage: "You will need a motorcycle licence to participate.", // }); //var dom20 = document.querySelector("#form696 #fe1390"), // fe1390 = new LiveValidation(dom20, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe1390.add(Validate.Acceptance, { // failureMessage: // "You will need a motorcycle licence to participate.", // }); var dom14 = document.querySelector("#form696 #fe13901"), fe13901 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom15 = document.querySelector("#form696 #fe13902"), fe13902 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13902.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the attached privacy notification.", }); // var dom77 = document.querySelector("#form696 #fe11083"), // fe11083 = new LiveValidation(dom77, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11083.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11083.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11083.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11083.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1, // maximum: 31, // }); // var dom78 = document.querySelector("#form696 #fe11084"), // fe11084 = new LiveValidation(dom78, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11084.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11084.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11084.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11084.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1, // maximum: 12, // }); // var dom79 = document.querySelector("#form696 #fe11085"), // fe11085 = new LiveValidation(dom79, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe11085.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe11085.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe11085.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe11085.add(Validate.Numericality, { // tooLowMessage: "Invalid numeric value", // tooHighMessage: "Invalid numeric value", // minimum: 1900, // maximum: 2020, // }); // var dom80 = document.querySelector("#form696 #fe10912"), // fe10912 = new LiveValidation(dom80, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fe10912.add(Validate.Custom, { // against: function (e) { // return !e.match( // /(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i // ); // }, // failureMessage: "Value must not contain any URL's", // }), // fe10912.add(Validate.Custom, { // against: function (e) { // return !e.match(/(<([^>]+)>)/gi); // }, // failureMessage: "Value must not contain any HTML", // }), // fe10912.add(Validate.Presence, { // failureMessage: "You should be 18 years old or above to participate.", // }), // fe10912.add(Validate.Format, { // pattern: // /^(?:[0][0-9]|[1][0-2])\/(?:[0][1-9]|[1-2][0-9]|[3][0-1])\/(?:\d{4}|\d{2})$/, // failureMessage: "Value must be a valid date (MM/DD/YY or MM/DD/YYYY)", // }); </script> <script src="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5339dab2-756e-42e4-b1cf-5afceb2d5c7f}_preload.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" defer="defer"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js" defer="defer"></script> <!-- <script>!(function(t){"usestrict";t.loadCSS||(t.loadCSS=function(){});vare=(loadCSS.relpreload={});if(((e.support=(function(){vare;try{e=t.document.createElement("link").relList.supports("preload");}catch(t){e=!1;}returnfunction(){returne;};})()),(e.bindMediaToggle=function(t){vare=t.media||"all";functiona(){t.addEventListener?t.removeEventListener("load",a):t.attachEvent&&t.detachEvent("onload",a),t.setAttribute("onload",null),(t.media=e);}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){(t.rel="stylesheet"),(t.media="onlyx");}),setTimeout(a,3e3);}),(e.poly=function(){if(!e.support())for(vara=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){varo=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o));}}),!e.support())){e.poly();vara=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a);}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a);});}})("undefined"!=typeofglobal?global:this);</script> --> <script> function checkcampaign() { var dop = document.getElementById("fe13894").value; console.log(dop) //alert(dop); if(dop=='Australia') { var con="AU23-147-FO"; document.getElementById("fe13903").value=con; } else { var con="NZ23-146-FO"; document.getElementById("fe13903").value=con; } } function changeBirthDate(){ var yearSelect = document.getElementById('fe11085'); var monthSelect = document.getElementById('fe11084'); var daySelect = document.getElementById('fe11083'); var hiddenObj = document.getElementById('fe10912'); var changeDay = function() { var selectedYear = yearSelect.value; var selectedMonth = monthSelect.value; var selectedDay = daySelect.value; var dateObj = new Date(selectedYear, selectedMonth, 0); var maxDays = dateObj.getDate(); var setHiddenField = function(y, m, d, field) { m = ('00' + m).slice(-2); d = ('00' + d).slice(-2); field.value = m + '/' + d + '/' + y; } if (selectedYear !== '' && selectedMonth !== '') { setHiddenField(selectedYear, selectedMonth, selectedDay, hiddenObj); } } if (yearSelect != null && monthSelect != null && daySelect != null) { yearSelect.onchange = function() { changeDay(); } monthSelect.onchange = function() { changeDay(); } daySelect.onchange = function() { changeDay(); } } } changeBirthDate() function app() { return { // autoCountryCode: 'New Zealand', autoCountryCode: '', countryCode: '', lmsCountryID: '', dealerCode: '', dealerName: '', dealers: [], selectedDealer: [], characters: 500, stateProvs: [], updateDealer() { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=${this.lmsCountryID}`) .then((res) => { return res.json() }) .then(data => { if (this.lmsCountryID === "AUS") { this.stateProvs = []; if (data.dealers) { data.dealers.forEach(dealer => { if (!this.stateProvs.includes(dealer.address.stateProv)) { this.stateProvs.push(dealer.address.stateProv) } }); } } if (data && data.dealers && data.dealers.length) { data.dealers.forEach(dealer => { if (dealer.address && dealer.address.city) { dealer.name = dealer.name + " - " + dealer.address.city } }); this.dealers = data.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } } else { this.dealers = [] } }); }, isAutoCountry() { if (this.autoCountryCode != "") { this.countryCode = this.autoCountryCode let autoOption = document.createElement("option") autoOption.setAttribute("selected", "selected") autoOption.setAttribute("value", this.autoCountryCode) autoOption.setAttribute("key", this.autoCountryCode) autoOption.innerHTML = this.autoCountryCode document.querySelector("#fe13894").innerHTML = ""; document.querySelector("#fe13894").appendChild(autoOption) if (document.querySelector("#fe13894-container")) { document.querySelector("#fe13894-container").style.display = "none" } this.access() fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=${this.lmsCountryID}`) .then((res) => { return res.json() }) .then(data => { if (this.lmsCountryID === "AUS") { this.stateProvs = []; if (data.dealers) { data.dealers.forEach(dealer => { if (!this.stateProvs.includes(dealer.address.stateProv)) { this.stateProvs.push(dealer.address.stateProv) } }); } } if (data && data.dealers && data.dealers.length) { data.dealers.forEach(dealer => { if (dealer.address && dealer.address.city) { dealer.name = dealer.name + " - " + dealer.address.city } }); this.dealers = data.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } } else { this.dealers = [] } }); } }, getCharLeft() { let currChar = this.$refs.enquiryChar.value.length; this.characters = this.characters - currChar; }, getDealer() { if (this.dealerCode) { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?dealerid=${this.dealerCode}`) .then((res) => { return res.json() }) .then((data) => { console.log(data.dealers); this.dealerName = data.dealers[0].name; this.selectedDealer = data.dealers; }); } }, access() { let cc; switch (this.countryCode) { case 'Australia': cc = 61; this.lmsCountryID = "AUS"; break; case 'New Zealand': cc = 64; this.lmsCountryID = "NZL"; break; default: cc = ''; lmsCountryID = ''; } console.log(this.$refs.output) checkcampaign() if (this.$refs && this.$refs.output) { this.$refs.output.value = cc; hideInputLabelOnChange({target: document.querySelector('[name="fieldMobileCountryCode"]')}) } } } } document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { var error = document.querySelectorAll('.LV_invalid'); if (error.length) { var firstError = document.querySelector(".elq-form .LV_invalid:first-of-type"); var scrollTop = window.scrollY || window.pageYOffset; var y = firstError.getBoundingClientRect().top + scrollTop; scrollTo(document.body, y, 600); return false; } return false; } </script> </body></html><img style="display:none" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1409&PURLRecordID=0&PURLGUID=58B941C4C2E145EA94E69696BF758378&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">