</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"> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <div class="nd-title-main"> Giới thiệu xe đạp mới </div> <div class="nd-title-sub" style="max-width:900px !important;line-height:25px;font-size:21px"> Hydra-Glide Revival phiên bản giới hạn hoàn toàn mới hồi sinh một nhà vô địch trong Bộ sưu tập Tobacco Fade Enthusiast & kỷ nguyên Panhead với cách phối màu sơn mô phỏng lớp hoàn thiện ấm áp từ những cây đàn guitar huyền thoại nhất của nhạc rock 'n' roll. </div> <div class="nd-title-register"> Đăng ký </div> <div class="nd-title-subregister"> * Các mục bắt buộc </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"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="Tactical23_VN_Enthusiasts" action="https://s211266568.t.eloqua.com/e/f2" onSubmit="return handleFormSubmit(this)" id="form669" x-data="app()"> <input value="Tactical23_VN_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="fe15064">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="fe15064" value="" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe15065">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="fe15065" value="" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe15066">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="fe15066" value="" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row form-input" style="float: left; width: 36px; margin-right: 8px"> <label class="elq-label" for="fe15067"></label> <div class="form-input-ele" > <input class="elq-item-input change-hide-label" type="text" name="fieldMobileCountryCode" id="fe15067" x-ref="output" style="width:100%;" value="84" /> </div> </div> <div class="form-input-row form-input" style="float: left; width: calc(100% - 44px)"> <label class="elq-label" for="fe15068">Điện thoại di động<span class="required">*</span></label> <div class="form-input-ele" > <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe15068" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe15084"></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="" 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 class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe15070">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="fe15070" name="fieldPurchaseIntent" style="width:100%;"> <option value="">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="fieldOptin" id="fe15071"> <label class="checkbox-aligned elq-item-label" for="fe15071">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="fe15072"> <label class="checkbox-aligned elq-item-label" for="fe15072">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=1374&elqat=2&elqak=8AF5740B411DD9DD934B1B6454856B965F2A648DA904F41D80B26D7F037DA0F68C67' 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=1374&elqat=2&elqak=8AF5317E6FA6A1CD75239E9C00F2E7569E756027D5543B395D5DBB905B55F5828370' 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 type="hidden" name="fieldCampaignId" id="fe15073" value="VN24-016-FO"> <input type="hidden" name="utm_medium" id="fe15074" value=""> <input type="hidden" name="utm_source" id="fe15075" value=""> <input type="hidden" name="utm_campaign" id="fe15076" value=""> <input type="hidden" name="source_cd" id="fe15077" 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="Gửi" id="fe15078"> </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=1374&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF57BDA5D971433E34C36044D604757764741BF2D3DB9DB5BE417BFFED041DADD4C" 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=1374&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF56D748C0C87561AE9F9C025040870164B41BF2D3DB9DB5BE417BFFED041DADD4C" 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=1374&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4484&elqak=8AF511D58619E156FD660C87DB6AA36071CF41BF2D3DB9DB5BE417BFFED041DADD4C" 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">Thailand</div> <nav class="footer-links"><a href="https://www.harley-davidson.com/th/th/footer/utility/privacy-policy.html?elqTrackId=ba743e0e48e04e31bc6dd286686fdd12" rel="noopener">นโยบายความเป็นส่วนตัว</a><a href="https://www.harley-davidson.com/th/th/footer/utility/terms-of-use.html?elqTrackId=de91f6aa5ed2465883817f70c73762a2" rel="noopener">ข้อตกลงและเงื่อนไขการใช้บริการ</a><a href="https://www.harley-davidson.com/th/th/footer/utility/we-care-about-you.html?elqTrackId=c3f4dc0e43a24832b33e39b8418843a5" rel="noopener">เราใส่ใจคุณ</a></nav> <small class="footer-copyright">©2001-2022 H-D สงวนลิขสิทธิ์<br /> Harley‑Davidson.com มีข้อมูลเฉพาะท้องถิ่นสำหรับประเทศต่างๆ ทั่วโลก คุณกำลังอยู่ที่ H‑D Asia Pacific Thailand</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++ } console.log(parentNode) var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { var siblingDivs = Array.from(parentNode.querySelectorAll(".change-hide-label")) var allSiblingsEmpty = true siblingDivs.forEach((sibling)=>{ if (sibling.value != ""){ allSiblingsEmpty = false } }) if (allSiblingsEmpty){ 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); input.addEventListener("keyup", 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(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('form669'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form669 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('#form669 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('#form669 #fe15064'); var fe15064 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15064.add(Validate.Presence, { failureMessage: "Vui lòng nhập tên của bạn." } ); fe15064.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 50 } ); var dom1 = document.querySelector('#form669 #fe15065'); var fe15065 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15065.add(Validate.Presence, { failureMessage: "Vui lòng nhập họ của bạn." } ); fe15065.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 50 } ); var dom2 = document.querySelector('#form669 #fe15066'); var fe15066 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15066.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 } ); fe15066.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ệ." } ); fe15066.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Vui lòng nhập email hợp lệ.", negate: "true" } ); fe15066.add(Validate.Presence, { failureMessage: "Vui lòng nhập email hợp lệ." } ); var dom4 = document.querySelector('#form669 #fe15067'); var fe15067 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15067.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: 99999999999 } ); fe15067.add(Validate.Presence, { failureMessage: "Vui lòng nhập một số hợp lệ." } ); fe15067.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML" } ); fe15067.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('#form669 #fe15068'); var fe15068 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15068.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: 99999999999 } ); fe15068.add(Validate.Presence, { failureMessage: "Vui lòng nhập một số hợp lệ." } ); fe15068.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML" } ); fe15068.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('#form669 #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('#form669 #fe15070'); var fe15070 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15070.add(Validate.Presence, { failureMessage: "Vui lòng chọn một lựa chọn." } ); var dom9 = document.querySelector('#form669 #fe15071'); var fe15071 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15071.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" } ); fe15071.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML" } ); var dom10 = document.querySelector('#form669 #fe15072'); var fe15072 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false } ); fe15072.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 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></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js" defer></script> <script>String.prototype.replaceAll = function (find, replace) { var str = this; return str.replace(new RegExp(find, 'g'), replace); }; 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"}], 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'); 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=1374&PURLRecordID=0&PURLGUID=0AAC9389E34B492DA204345301FB6E71&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">