</noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPQ639R" height="0" width="0" style="display:none;visibility:hidden"> </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"> The new release is here. </div> <div class="nd-title-sub" style="max-width:900px !important;line-height:25px;font-size:21px;"> <br/>All-New limited-edition Hydra-Glide Revival resurrects a champion of the Panhead era & Tobacco Fade Enthusiast Collection featuring a paint scheme that mimics the warm finishes from rock ‘n’ roll’s most legendary guitars. Fill in your details below to register </div> <div class="nd-title-register"> Register 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/%7B25eb405d-9261-4a61-ad9e-78a95f97198c%7D_01_header_logo.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="Tactical23_AP_Enthusiasts" action="https://s211266568.t.eloqua.com/e/f2" onSubmit="return handleFormSubmit(this)" id="form696"> <input value="Tactical23_AP_Enthusiasts" 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;">Select your Location<span class="required">*</span></option> <option value="Hong Kong">Hong Kong - China</option> <option value="Macao">Macau - China</option> <option value="Malaysia">Malaysia</option> <option value="Philippines">Philippines</option> <option value="Singapore">Singapore</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<span class="required">*</span></option> <template x-if="dealers" x-for="dealer in dealers" :key="dealer.id"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"></option> </template> <!-- <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="RH1250S">Sportster™ S</option> <option value="RH975S">Nightster™ Special</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="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=1366&elqat=2&elqak=8AF509061EADBF0066B9B8E0723761787653D439476987D2C10652E7FBC365B25AB9' 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=1366&elqat=2&elqak=8AF5C2F52E23AE39C9956613A39F4380CF2AFB4A538239725A72195B9919E5B71AF3' 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%;" /> <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"> <p style="font-size:9px;text-align:justify">*Registration does not guarantee the allocation of Motorcycle.</p><br/> <input class="submit-button-style " type="Submit" value="SUBMIT" id="fe13909" /> </div> </div> <!--<div class="group form-input full-width nd-form-disclaimer" > *Offer valid on MY22 Street BobTM, BreakoutTM, Fat BoyTM, Street GlideTM Special, and Ultra Limited motorcycle models purchased at MSRP between 15 January and 28 February 2023 unless extended. Offer subject to change based on availability of parts and cannot be used in conjunction with any other offer. </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">Asia Pacific</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/ap/en/footer/utility/privacy-policy.html?elqTrackId=c9d6dfe4f8ea40b98322c6f67355a1a8&elq=00000000000000000000000000000000&elqaid=1366&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4480&elqak=8AF589780E6C10DBB228F71592A6A760A7BA41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Privacy Policy</a><a href="https://www.harley-davidson.com/ap/en/footer/utility/terms-of-use.html?elqTrackId=69730896ab9a4c5e8dd46da6aaf6fa84&elq=00000000000000000000000000000000&elqaid=1366&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4480&elqak=8AF5B7C72FE7D95EB298490F948A6E1C62CC41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Terms Of Use</a><a href="https://www.harley-davidson.com/ap/en/footer/utility/we-care-about-you.html?elqTrackId=bedcc5b386624717ac59581d4b72d1b9&elq=00000000000000000000000000000000&elqaid=1366&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4480&elqak=8AF5E5A700FE15CCA8A52720B3B8EEE23D5041BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">We Care About You</a></nav> <small class="footer-copyright">©2001-2024 H-D. All rights reserved.<br /> Harley-Davidson.com provides local information for countries around the world.<br /> You are currently on H‑D<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> Asia Pacific</small></footer> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script> function hideInputLabelOnChange(e){ var parentNode = e.target.parentNode; var loopBreaker = 0; while((!parentNode.classList.contains("form-input")) && (loopBreaker < 12)){ parentNode = parentNode.parentNode loopBreaker++; } var 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 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 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 => { this.dealers = data?.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } }); }, 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 => { this.dealers = data?.dealers; if (data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } }); } }, 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 'Brunei Darussalam': cc = 673; this.lmsCountryID = "BRN"; break; case 'Cambodia': cc = 855; this.lmsCountryID = "KHM"; break; case 'Guam': cc = 1; this.lmsCountryID = "GUM"; break; case 'Hong Kong': cc = 852; this.lmsCountryID = "HKG"; break; case 'Macao': cc = 853; this.lmsCountryID = "MAC"; break; case 'Malaysia': cc = 60; this.lmsCountryID = "MYS"; break; case 'Myanmar': cc = 95; this.lmsCountryID = "MMR"; break; case 'Nepal': cc = 977; this.lmsCountryID = "NPL"; break; case 'Philippines': cc = 63; this.lmsCountryID = "PHL"; break; case 'Singapore': cc = 65; this.lmsCountryID = "SGP"; break; default: cc = ''; lmsCountryID = ''; } console.log(this.$refs.output) 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=1366&PURLRecordID=0&PURLGUID=C5AB0CDD553B4F3A9097BFE6EBC9A17E&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">