</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> <header> <div class="header-icon"> <style type="text/css">.header-icon,.header-icon svg{display:inline-block;width:50px;height:40px;text-align:center}@media(min-width:960px){.header-icon,.header-icon svg{width:50px;height:60px;text-align:center}} </style> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/%7B0531cb36-6497-4fad-b112-d3860a538ece%7D_hd_logo_symbol_20_black_thick.png" /></div> </header> <div class="wrapper"> <div class="index-banner"> <div class="banner-left"> <h3>Đăng ký quan tâm</h3> </div> <div class="banner-right"><img class="image" src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/%7Bba5c0a8d-86e6-4a36-a9e7-1b2365b32eb8%7D_Form_KV.jpg" alt="Harley-Davidson® | Thông tin cập nhật El Diablo | Đăng ký ngay"></div> </div> </div> <aside class="form-content"> <div class="form-wrapper"> <aside class="form-header"> <h2 class="banner-header">Bộ sưu tập BIỂU TƯỢNG</h2> <p>Những cỗ xe giới hạn này sẽ hết rất nhanh. Đăng ký tại đây để cập nhật thông tin.</p> <hr> <small>* Các mục bắt buộc</small></aside> <form class="form elq-form" method="post" name="IconsCollection-RegisterInterest_VN" action="https://s211266568.t.eloqua.com/e/f2" onSubmit="return handleFormSubmit(this)" id="form670" x-data="app()"> <input value="IconsCollection-RegisterInterest_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="fe15079">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" type="text" name="fieldFirstName" placeholder="Tên" id="fe15079" value="" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe15080">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" type="text" name="fieldLastName" placeholder="Họ" id="fe15080" value="" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe15081">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" type="text" name="fieldEmail" placeholder="Email (eg. john@mail.com)" id="fe15081" value="" style="width:100%;"> </div> </div> </div> </div> </div> <label class="elq-label" for="fe15082">Điện thoại di động<span class="required">*</span></label> <div class="row" style="margin-left:-15px;margin-right:-15px;"> <div class="col-xs-3 col-sm-3 layout-col countryCode"> <div class="group form-input footer-links"> <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="fieldMobileCountryCode" id="fe15082" value="84" style="width:100%;"> </div> </div> </div> </div> </div> </div> <div class="col-xs-9 col-sm-9 layout-col mobilePhone"> <div class="group form-input footer-links"> <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="fieldMobile" id="fe15083" value="" style="width:100%;"> </div> </div> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe15084">Đại lý yêu thích<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" id="fe15084" name="fieldPreferredDealer" style="width:100%" x-model="dealerCode" @change="getDealer()"> <option value="">--</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> <!--PID--> <div class="group form-input footer-links"> <label class="elq-label" for="fe15085">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" id="fe15085" name="fieldPurchaseIntent" style="width:100%;"> <option value="">--</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" 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="fe15086"> <label class="checkbox-aligned elq-item-label" for="fe15086">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" 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="fe15087"> <label class="checkbox-aligned elq-item-label" for="fe15087">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=ee1b2be23f894868889801ba51cbc1ed&elqaid=1277&elqat=2&elqak=8AF5E25FFD9911B25EBC3FED5AC4CEB778E75B4339DECC48DE81B0FF518FE65E2DB6' 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=bc92bc96d9bd4e6d8755b8108b1de695&elqaid=1277&elqat=2&elqak=8AF59AFD3589281B13221943B393FEAA4109A57E54416A32DCA017387F594A1CE177' 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="fe15088" value="VN22-246-EL" style="width:100%;"> <input type="hidden" name="utm_medium" id="fe15089" value=""> <input type="hidden" name="utm_source" id="fe15090" value=""> <input type="hidden" name="utm_campaign" id="fe15091" value=""> <input type="hidden" name="source_cd" id="fe15092" value=""> </div> <div class="submit-parent"> <input class="submit-button-style" type="Submit" value="Gửi" id="fe15093"> </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=1277&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF5F117DD5D76702B2BA2FAC32D3E150D2541BF2D3DB9DB5BE417BFFED041DADD4C" 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=1277&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF523C3CDE5A371F3E1485DBD7354694A3541BF2D3DB9DB5BE417BFFED041DADD4C" 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=1277&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF5F6C4194F4E8507643265721613971CAE41BF2D3DB9DB5BE417BFFED041DADD4C" 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> <!-- <footer id="footer"> <div class="footer-country">HARLEY-DAVIDSON<sup>®</sup> <span class="color-orange">Vietnam</div> <nav class="footer-links"><a href="https://www.harley-davidson.com/vn/vi/footer/utility/privacy-policy.html?elqTrackId=606ee3b823a2452dafe44ad29959a542" 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=e65a4139ae2740eeb4b7f43b813f6b4a" 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=dd8dce75a78441bd896d64cd9398bee4" rel="noopener">CHÚNG TÔI QUAN TÂM ĐẾN BẠN</a></nav> <small class="footer-copyright">©2001-2022 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 handleFormSubmit(ele) { var submitButton = ele.querySelector('input[type=submit]'); var spinner = document.createElement('span'); spinner.setAttribute('class', 'loader'); submitButton.setAttribute('disabled', true); submitButton.style.cursor = 'wait'; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i<submitButtons.length;i++){ submitButtons[i].disabled = false; } } function addChangeHandler(elements){ for(var i=0; i<elements.length; i++){ elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form670'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form670 input[data-subscription]'); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if(status ==='true') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form670 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var 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(list) { return list[list.length-1].parentElement}; var dom0 = document.querySelector('#form670 #fe15079'); var fe15079 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15079.add(Validate.Length, { tooShortMessage:"The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35} ); fe15079.add(Validate.Presence, { failureMessage:"Vui lòng nhập tên của bạn."} ); var dom1 = document.querySelector('#form670 #fe15080'); var fe15080 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15080.add(Validate.Presence, { failureMessage:"Vui lòng nhập họ của bạn."} ); fe15080.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('#form670 #fe15081'); var fe15081 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15081.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} ); fe15081.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ệ."} ); fe15081.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Vui lòng nhập email hợp lệ.", negate: "true"} ); fe15081.add(Validate.Presence, { failureMessage:"Vui lòng nhập email hợp lệ."} ); var dom4 = document.querySelector('#form670 #fe15082'); var fe15082 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15082.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} ); fe15082.add(Validate.Presence, { failureMessage:"Vui lòng nhập một số hợp lệ."} ); fe15082.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); fe15082.add(Validate.Custom, { against: function(value) { return !value.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('#form670 #fe15083'); var fe15083 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15083.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} ); fe15083.add(Validate.Presence, { failureMessage:"Vui lòng nhập một số hợp lệ."} ); fe15083.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); fe15083.add(Validate.Custom, { against: function(value) { return !value.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('#form670 #fe15084'); var fe15084 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15084.add(Validate.Presence, { failureMessage:"Hãy chọn 1 đại lý."} ); var dom8 = document.querySelector('#form670 #fe15085'); var fe15085 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15085.add(Validate.Presence, { failureMessage:"Vui lòng chọn một lựa chọn."} ); var dom9 = document.querySelector('#form670 #fe15086'); var fe15086 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); var dom10 = document.querySelector('#form670 #fe15087'); var fe15087 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15087.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."} ); var dom12 = document.querySelector('#form670 #fe15089'); var fe15089 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15089.add(Validate.Custom, { against: function(value) { return !value.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"} ); fe15089.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 50} ); var dom13 = document.querySelector('#form670 #fe15090'); var fe15090 = new LiveValidation(dom13, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15090.add(Validate.Custom, { against: function(value) { return !value.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"} ); fe15090.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 50} ); var dom14 = document.querySelector('#form670 #fe15091'); var fe15091 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15091.add(Validate.Custom, { against: function(value) { return !value.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"} ); fe15091.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 50} ); var dom15 = document.querySelector('#form670 #fe15092'); var fe15092 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe15092.add(Validate.Custom, { against: function(value) { return !value.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"} ); fe15092.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 50} ); </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=1277&PURLRecordID=0&PURLGUID=79BA0A83531A4648942345120EB198C4&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">