</noscript> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KPQ639R'); </script> <div class="nd-banner"> <header> <div class="header-icon"> <style type="text/css"> .header-icon,.header-icon svg{display:inline-block;width:50px;height:40px;text-align:center}@media(min-width:960px){.header-icon,.header-icon svg{width:50px;height:60px;text-align:center}} </style> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/%7B1f75214c-5898-456b-879a-7043d89fca72%7D_logo_updated_1.png" style="width:83px;height:73px;text-align:center" /></div> </header> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <br> <div class="nd-title-main" style="font-size:55px !important;">Hãy là người đầu tiên khám phá những điều mới mẻ trên các mẫu xe 2026. </div><br><br> <div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px;"> Xem Khám phá các mẫu xe 2026 mới nhất, từ những dòng được yêu thích như Low Rider ST đến mẫu Nightsters mới, dòng xe Touring và hơn thế nữa. Đăng ký ngay để trở thành người đầu tiên khám phá!</div> <div class="nd-title-register"> </div><div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px; font-weight:bold;"> <strong>Xem trước tiên</strong></div> <div class="nd-title-subregister" style="font-size:18px;"> <sup style="line-height: 1; font-size: 113%;">*</sup> Các mục bắt buộc </div> </div> <aside class="form-content"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY26-RYI-VN" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form604" x-data="app()"> <input value="MY26-RYI-VN" 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="fe13797">Tên<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" id="fe13797" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13798">Họ<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" id="fe13798" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13799">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" id="fe13799" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13801" id="mobileLabel">Điện thoại di động<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="fieldMobileCountryCode" id="fe13801" x-ref="output" style="display:none" value="84" /> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13802" style="width:100%" aria-labelledby="mobileLabel" /> </div> </div> </div> </div> </div> <!-- <div class="group form-input full-width footer-links"> <label class="elq-label" for="fieldPreferredBike"></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="fieldPreferredBike" name="fieldPreferredBike" style="width:100%" > <option value="" style="display: none;">Xe đạp ưa thích<span class="required">*</span></option> <option value="RH1250S">Sportster S</option> <option value="RH975">Nightster</option> <option value="RH975S">Nightster Special</option> <option value="RA1250S">Pan America Special </option> <option value="RA1250ST">Pan America 1250 ST</option> <option value="FXBB">Street Bob </option> <option value="FXLRS">Low Rider S</option> <option value="FXLRST">Low Rider ST </option> <option value="FXBR">Breakout</option> <option value="FLFB">Fat Boy</option> <option value="FLHC">Heritage Classic</option> --> <!-- <option value="FLSTFI">Fat Boy Gray Ghost</option>--> <!-- <option value="FLHRXS">Road King Special</option> <option value="FLHX">Street Glide </option> <option value="FLTRX">Road Glide</option> <option value="FLHXU">Street Glide Ultra </option> --> <!-- <option value="FLHTCUTG">Tri Glide Ultra</option> --> <!-- <option value="FLRT">Freewheeler</option> --> <!-- <option value="FLTRT">Road Glide 3 </option> --> <!-- <option value="FLHXSE">CVO Street Glide</option> <option value="FLTRXSE">CVO Road Glide </option> <option value="RA1250SE">CVO Road Glide ST</option> --> <!-- <option value="RA1250SE">CVO Pan America</option> --> <!-- <option value="FLTRXRRSE">CVO Road Glide RR</option> --> <!-- <option value="HD350-10">H-D X 350</option> --> <!-- <option value="HD500-10A">H-D X 500</option> --> <!-- </select> </div> </div> </div> </div> </div> --> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13803"></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="fe13803" name="fieldPreferredDealer" style="width:100%" x-model="dealerCode" @change="getDealer()"> <option value="" style="display: none;">Đại lý yêu thích<span class="required">*</span></option> <template 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> <template x-for="address in selectedDealer[0].address.streetAddress"> <p x-text="address"></p> </template> <span x-text="selectedDealer[0].address.city"></span><span> </span><span x-text="selectedDealer[0].address.zipPost"></span> <p x-text="selectedDealer[0].phone"></p> </div> </template> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13861">Hiện tại, bạn có sở hữu xe mô tô không?<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="fe13861"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_uh4mk8y7" value="True" name="fieldOwnMotorcycle"> <label class="checkbox-aligned elq-item-label" for="radio-Yes_uh4mk8y7">Có</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_0qcpxshf" value="False" name="fieldOwnMotorcycle"> <label class="checkbox-aligned elq-item-label" for="radio-No_0qcpxshf">Không</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13862"></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="fe13862" name="fieldBrand" style="width:100%;"> <option value="" style="display: none;">Thương hiệu</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">Khác</option> </select> </div> </div> </div> </div> </div> </div> </div> <!--PID--> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13804">Khi nào bạn nghĩ đến việc mua một chiếc xe mô tô?<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="fe13804" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display: none;">Choose one</option> <option value="0-3 Months">0-3 tháng</option> <option value="4-6 months">4-6 tháng</option> <option value="7-12 Months">7-12 tháng</option> <option value="I am not interested in purchasing at this time">Tôi không quan tâm đến việc mua hàng tại thời điểm này</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="fieldOptinEmail" id="fe13806"> <label class="checkbox-aligned elq-item-label" for="fe13806">Tôi muốn nhận thông tin định kỳ về các sản phẩm và dịch vụ của Harley‑Davidson<sup style='font-size: .6em;'>®</sup>.</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="fe13807"> <label class="checkbox-aligned elq-item-label" for="fe13807">Tôi đã đọc, hiểu, và đồng ý với <a href='https://www.harley-davidson.com/vn/vi/footer/utility/terms-of-use.html?elqTrackId=93945e00b0a84a6c8e05ffe0940fbdbe&elqaid=1692&elqat=2&elqak=8AF586F97D52F93D1B0FA195DE77A942DE81418FBCDA70CCCBD22FD2384D90C7F52F' target='_blank' rel='rel noopener'>Điều khoản và điều kiện</a> và <a href='https://www.harley-davidson.com/vn/vi/footer/utility/privacy-policy.html?elqTrackId=8949a2c734fa45e3a267099194268dec&elqaid=1692&elqat=2&elqak=8AF5B0AC719EE2E7BA1F4B76ECE85A31D76832AC3256D5F39F38450F42E44BDD4C70' target='_blank' rel='rel noopener'>Chính sách quyền riêng tư</a>.<span class='required'>*</span></label> </div> </div> </div> </div> </div> </div> <div style="display:none;"><!-- UTM THINGS..--> <input class="elq-item-input" type="text" name="fieldCampaignId" id="fe13808" value="VN25-029-FO" style="width:100%;"> <input type="hidden" name="utm_medium" id="fe13810" value=""> <input type="hidden" name="utm_source" id="fe13811" value=""> <input type="hidden" name="utm_campaign" id="fe13812" value=""> <input type="hidden" name="source_cd" id="fe13813" value=""> </div> <div class="group form-input full-width center-align" > <div class="submit-parent"> <input class="submit-button-style" type="Submit" value="Đăng ký ngay" id="fe13814"> </div> </div> <input type="hidden" name="fieldPreferredmodelname" id="fieldPreferredmodelname"> <script> document.querySelector("#fieldPreferredBike").addEventListener("change", (e)=>{ console.log(e.target.options[e.target.selectedIndex].text) document.querySelector("#fieldPreferredmodelname").value = e.target.options[e.target.selectedIndex].text }); </script> </form> </div> </aside> <footer id="footer" style="background-color: #FFFFFF;"> <div class="footer-country">HARLEY-DAVIDSON<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> <span class="color-orange">Vietnam</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/vn/vi/footer/utility/privacy-policy.html?elqTrackId=007d3e3b5808455d99a1edc8473c3edf&elq=00000000000000000000000000000000&elqaid=1692&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4511&elqak=8AF5C5E34E156D7932470E6856EA4FDAD08B41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">CHÍNH SÁCH BẢO MẬT</a><a href="https://www.harley-davidson.com/vn/vi/footer/utility/terms-of-use.html?elqTrackId=704737953d304426a2500336b670e134&elq=00000000000000000000000000000000&elqaid=1692&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4511&elqak=8AF5DD74C7D3A7F68E0BECC1AA62D3F772DE41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">THÔNG TIN TRIỆU HỒI VÌ LÝ DO AN TOÀN</a><a href="https://www.harley-davidson.com/vn/vi/footer/utility/we-care-about-you.html?elqTrackId=6cfb24eade674d4897bc08c2bc7e1dbf&elq=00000000000000000000000000000000&elqaid=1692&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4511&elqak=8AF55B8DDE466422A058976116F21E181DAF41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">CHÚNG TÔI QUAN TÂM ĐẾN BẠN</a></nav> <small class="footer-copyright">©2001-2025 H-D. Bản quyền đã được bảo hộ.<br /> Harley‑Davidson.com cung cấp thông tin tùy chỉnh theo từng quốc gia trên thế giới. Bạn hiện đang sử dụng H‑D<sup>®</sup> Vietnam</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 labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (e.target.value == ""){ 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); hideInputLabelOnChange({target: input}) }) } function selectGreyOnChange(e){ e.target.classList.add("value-valid") } function selectGreyEventListener(){ var inputList = Array.from(document.querySelectorAll(".select-grey-placeholder")) inputList.forEach(function(input){ input.addEventListener("change", selectGreyOnChange); }) } hideInputLabelEventListener() selectGreyEventListener() </script> <script> function handleFormSubmit(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("form604"); if ( (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), (nodes = document.querySelectorAll("#form604 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("#form604 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 domBike = document.querySelector("#form604 #fieldPreferredBike"), // fieldPreferredBike = new LiveValidation(domBike, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fieldPreferredBike.add(Validate.Presence, { failureMessage: "Please select a bike." }); var dom0 = document.querySelector("#form604 #fe13797"), fe13797 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13797.add(Validate.Presence, { failureMessage: "Vui lòng nhập tên của bạn.", }), fe13797.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("#form604 #fe13798"), fe13798 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13798.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }), fe13798.add(Validate.Presence, { failureMessage: "Vui lòng nhập họ của bạn.", }); var dom2 = document.querySelector("#form604 #fe13799"), fe13799 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13799.add(Validate.Presence, { failureMessage: "Vui lòng nhập email hợp lệ.", }), fe13799.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: "Vui lòng nhập email hợp lệ.", }), fe13799.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Vui lòng nhập email hợp lệ.", negate: "true", }), fe13799.add(Validate.Length, { tooShortMessage: "Văn bản đã nhập vượt quá độ dài tối đa.", tooLongMessage: "Văn bản đã nhập vượt quá độ dài tối đa.", minimum: 0, maximum: 100, }); var dom4 = document.querySelector("#form604 #fe13801"), fe13801 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13801.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", }), fe13801.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13801.add(Validate.Presence, { failureMessage: "Vui lòng nhập một số hợp lệ.", }), fe13801.add(Validate.Numericality, { tooLowMessage: "Vui lòng nhập một số hợp lệ.", tooHighMessage: "Vui lòng nhập một số hợp lệ.", minimum: 0, maximum: 999, }); var dom5 = document.querySelector("#form604 #fe13802"), fe13802 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13802.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", }), fe13802.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13802.add(Validate.Presence, { failureMessage: "Vui lòng nhập một số hợp lệ.", }), fe13802.add(Validate.Numericality, { tooLowMessage: "Vui lòng nhập một số hợp lệ.", tooHighMessage: "Vui lòng nhập một số hợp lệ.", minimum: 0, maximum: 999999999999999, }); var dom6 = document.querySelector("#form604 #fe13803"), fe13803 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13803.add(Validate.Presence, { failureMessage: "Hãy chọn 1 đại lý." }); var dom8 = document.querySelectorAll('#form604 [name="fieldOwnMotorcycle"]'), fe13861 = new LiveValidation( dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom8), isGroup: !0, }, !0 ); fe13861.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", }), fe13861.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13861.add(Validate.Presence, { failureMessage: "Vui lòng xác nhận rằng hiện bạn đang sở hữu xe mô tô.", }); var dom9 = document.querySelector("#form604 #fe13862"), fe13862 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom10 = document.querySelector("#form604 #fe13804"), fe13804 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13804.add(Validate.Presence, { failureMessage: "Vui lòng chọn một lựa chọn.", }); var dom11 = document.querySelector("#form604 #fe13806"), fe13806 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom12 = document.querySelector("#form604 #fe13807"), fe13807 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13807.add(Validate.Acceptance, { failureMessage: "Vui lòng xác nhận rằng bạn đã đọc, hiểu và chấp nhận các Điều khoản và điều kiện & Chính sách bảo mật.", }); </script> <link rel="preload" href="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <noscript> <link rel="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" /> </noscript> <script>!function (t) { "use strict"; t.loadCSS || (t.loadCSS = function () { }); var e = loadCSS.relpreload = {}; if (e.support = function () { var e; try { e = t.document.createElement("link").relList.supports("preload") } catch (t) { e = !1 } return function () { return e } }(), e.bindMediaToggle = function (t) { var e = t.media || "all"; function a() { 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 = "only x" }), setTimeout(a, 3e3) }, e.poly = function () { if (!e.support()) for (var a = t.document.getElementsByTagName("link"), n = 0; n < a.length; n++) { var o = 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(); var a = 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" != typeof exports ? exports.loadCSS = loadCSS : t.loadCSS = loadCSS }("undefined" != typeof global ? global : this);</script> <script>function app() { return { dealerCode: '', dealerName: '', dealers: [{ id: "4086", name: "Harley-Davidson® of Danang", address: "84, đường 2 tháng 9, P. Bình Hiên, Q. Hải Châu, TP. ĐN<br>\tDanang 550000", tel: "(+84) 916 72 11 59" }, { id: "3760", name: "Harley-Davidson® of Hanoi", address: "40 Ngô Gia Tự, P. Đức Giang, Q. Long Biên, TP. HN<br>Hanoi 100000", tel: "(+84) 917 616 561" }, { id: "3350", name: "Harley-Davidson® of East Saigon", address: "800 Nguyễn Văn Linh, P. Tân Phú, Q7, TP. HCM<br>Ho Chi Minh City 700000", tel: "(+84) 937 69 88 89" } ], selectedDealer: [], characters: 500, 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) => res.json()) .then((data) => { console.log(data.dealers); this.dealerName = data.dealers[0].name; this.selectedDealer = data.dealers; }); } }, } } // scroll to error document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { var error = document.querySelectorAll('.LV_invalid'); var divReqFieldMsgPreferredBike = document.getElementById("reqFieldMsgPreferredBike"); var fieldPreferredBike = document.querySelector("input[name='fieldPreferredBike']"); var leadTypeValue = document.getElementById("fe11428").value; if (leadTypeValue == 'Test Ride Request' && fieldPreferredBike && fieldPreferredBike.value == '') { console.log('submitting..', leadTypeValue); divReqFieldMsgPreferredBike.style.display = 'block'; var firstError = document.querySelector(".bike-selector-sect"); var scrollTop = window.scrollY || window.pageYOffset; var y = firstError[0].getBoundingClientRect().top + scrollTop; scrollTo(document.body, y, 600); return false; } else { if (error.length) { if (divReqFieldMsgPreferredBike) { divReqFieldMsgPreferredBike.style.display = 'none'; } 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; } } }</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=1692&PURLRecordID=0&PURLGUID=B494B4E43376416184FFE34699ECFCDF&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">