</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> <div class="nd-title-main" style="font-size:55px !important;"> Hãy đăng ký tham gia ngay. </div> <div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px;"> Hãy đăng ký tham gia ngay. Một chuyến đi trên chiếc mô tô Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> có thể khiến ngày cuối tuần thật hoành tráng. Biến chuyến đi ngày thường thành lễ hội ngập tràn hứng khởi. Harley-Davidson<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> khai phóng mọi tiềm năng. Tự do chân chính. Ngầu nhất, chất nhất. </div> <div class="nd-title-register"> </div> <div class="nd-title-subregister"> <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="MY24-RYI-VN" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form604" x-data="app()"><input value="MY24-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="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=1439&elqat=2&elqak=8AF536A331ED135ED02AFCE4902EB8AB01352CFF86D81E437CF44CD2A892D8884ED5' 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=1439&elqat=2&elqak=8AF56D0ED785F90E32C904367D2341C40EFC1B9F8DF63AC8CB2BFE550F0F0B4AE47D' 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="VN24-002-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="Gửi" id="fe13814"></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">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=1439&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF5B471300C9579ABAB3AE3953FAE396D1141BF2D3DB9DB5BE417BFFED041DADD4C" 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=1439&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF597E25A15235A17EBAFCF6256994E0C3141BF2D3DB9DB5BE417BFFED041DADD4C" 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=1439&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF548A7651ED74FA9E27ABB3B8FF8228DAE41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">CHÚNG TÔI QUAN TÂM ĐẾN BẠN</a></nav> <small class="footer-copyright">©2001-2024 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 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 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" }, { id: "4470", name: "Central Saigon Harley-Davidson®", address: "94-96 Huỳnh Văn Bánh, P.15, Q. Phú Nhuận, TP. HCM<br>Ho Chi Minh City 700000", tel: "(+84) 888 081 570" }], 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=1439&PURLRecordID=0&PURLGUID=9B74CBED8C6049689756EA2F65C8D8AF&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">